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

package/components/MaskedInput/__creevey__/MaskedInput.creevey.mts

@@ -0,0 +1,216 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+import { delay } from '../../../lib/delay';
+
+const testIdleFocusEditBlur = () => {
+  test('idle, focus, edit, blur', async (context) => {
+    const click = (css: string) => {
+      return context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css }));
+    };
+    const idle = await context.takeScreenshot();
+
+    await click('input').pause(500).perform();
+    const focused = await context.takeScreenshot();
+
+    await click('input').sendKeys('953').perform();
+    const edited = await context.takeScreenshot();
+
+    await click('body').perform();
+    const blured = await context.takeScreenshot();
+
+    await context.matchImages({ idle, focused, edited, blured });
+  });
+};
+
+const testIdleFocusAppendRemoveBlur = () => {
+  test('idle, focus, edit, blur', async (context) => {
+    const click = (css: string) => {
+      return context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css }));
+    };
+
+    const idle = await context.takeScreenshot();
+
+    await click('input').pause(500).perform();
+    const focused = await context.takeScreenshot();
+
+    await click('input').sendKeys('953').perform();
+    const appended = await context.takeScreenshot();
+
+    await click('input').sendKeys(Key.BACK_SPACE).sendKeys(Key.BACK_SPACE).sendKeys(Key.BACK_SPACE).perform();
+    const restored = await context.takeScreenshot();
+
+    await click('body').perform();
+    const blured = await context.takeScreenshot();
+
+    await context.matchImages({ idle, focused, appended, restored, blured });
+  });
+};
+
+const testIdleFocusBlur = () => {
+  test('idle, focus, blur', async (context) => {
+    const click = (css: string) => {
+      return context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css }));
+    };
+
+    const idle = await context.takeScreenshot();
+
+    await click('input').pause(500).perform();
+    const focused = await context.takeScreenshot();
+
+    await click('body').perform();
+    const blured = await context.takeScreenshot();
+
+    await context.matchImages({ idle, focused, blured });
+  });
+};
+
+const testRewriteInMiddle = () => {
+  test('idle, shift, rewrite', async (context) => {
+    const click = (css: string) => {
+      return context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css }))
+        .pause(500);
+    };
+
+    const idle = await context.takeScreenshot();
+
+    click('input').keyDown(Key.ARROW_LEFT).keyDown(Key.ARROW_LEFT).sendKeys('12').perform();
+    const shift = await context.takeScreenshot();
+
+    click('body');
+
+    click('input').keyDown(Key.ARROW_LEFT).keyDown(Key.ARROW_LEFT).sendKeys('56').perform();
+    const rewrite = await context.takeScreenshot();
+
+    await context.matchImages({ idle, shift, rewrite });
+  });
+};
+
+kind('MaskedInput', () => {
+  story('Default', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testIdleFocusEditBlur();
+  });
+
+  story('IdleFocusEditBlurWithPlaceholder', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testIdleFocusEditBlur();
+  });
+
+  story('IdleFocusBlurWithPlaceholder', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testIdleFocusBlur();
+  });
+
+  story('IdleFocusAppendRemoveBlurWithPlaceholder', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testIdleFocusAppendRemoveBlur();
+  });
+
+  story('IdleFocusBlurWithPrefix', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testIdleFocusBlur();
+  });
+
+  story('WithCustomUnmaskedValue', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testIdleFocusEditBlur();
+  });
+
+  story('WithUnmaskedAndFixedValue', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testIdleFocusAppendRemoveBlur();
+  });
+
+  story('IdleFocusBlurAndUncontrolled', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testIdleFocusEditBlur();
+  });
+
+  story('RewriteInMiddle', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testRewriteInMiddle();
+  });
+
+  story('SelectAllByProp', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    test('Plain focused', async (context) => {
+      const idle = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'input' }))
+        .pause(500)
+        .perform();
+      const select_half = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'body' }))
+        .click(context.webdriver.findElement({ css: 'input' }))
+        .sendKeys('1234')
+        .click(context.webdriver.findElement({ css: 'body' }))
+        .click(context.webdriver.findElement({ css: 'input' }))
+        .pause(500)
+        .perform();
+      const select_all = await context.takeScreenshot();
+      await context.matchImages({ idle, select_half, select_all });
+    });
+  });
+
+  story('SelectAllByButton', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: true, // flaky
+    });
+    test('Plain focused', async (context) => {
+      const plain = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid~="select-all"]' }))
+        .perform();
+      await delay(500);
+      const select_all = await context.takeScreenshot();
+      await context.matchImages({ plain, select_all });
+    });
+  });
+});

package/components/MaskedInput/__docs__/MaskedInput.mdx

@@ -0,0 +1,28 @@
+import * as MaskedInputStories from './MaskedInput.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={MaskedInputStories} />
+
+# MaskedInput
+
+[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/input/)
+
+[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A1602)
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/components/MenuFooter/MenuFooter/MenuFooter.js

@@ -10,11 +10,11 @@ export var MenuFooterDataTids = {
 };
 
 /**
- * Футер меню.
+ * Футер меню `MenuFooter`.
  *
- * _Примечание_: `футер меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.
+ * `MenuFooter`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.
  *
- * Сущности в которых может быть использован `MenuFooter`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).
+ * Сущности, в которых может быть использован `MenuFooter`: DropdownMenu, Kebab, TooltipMenu и Select.
  */
 function MenuFooter(_ref) {
   var _cx;

package/components/MenuFooter/MenuFooter/MenuFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","ThemeContext","CommonWrapper","cx","styles","MenuFooterDataTids","root","MenuFooter","_ref","_cx","id","_ref$_enableIconPaddi","_enableIconPadding","children","_ref$size","size","rest","_objectWithoutPropertiesLoose","_excluded","theme","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","createElement","className","__KONTUR_REACT_UI__","displayName","__MENU_FOOTER__","isMenuFooter","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"sources":["MenuFooter.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { styles } from './MenuFooter.styles';\n\nexport interface MenuFooterProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n  _enableIconPadding?: boolean;\n  children: ReactNode;\n  /** Размер */\n  size?: SizeProp;\n}\n\nexport const MenuFooterDataTids = {\n  root: 'MenuFooter__root',\n} as const;\n\n/**\n * Футер меню.\n *\n * _Примечание_: `футер меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.\n *\n * Сущности в которых может быть использован `MenuFooter`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).\n */\nfunction MenuFooter({ id, _enableIconPadding = false, children, size = 'small', ...rest }: MenuFooterProps) {\n  const theme = useContext(ThemeContext);\n\n  function getRootSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.rootLarge(theme);\n      case 'medium':\n        return styles.rootMedium(theme);\n      case 'small':\n      default:\n        return styles.rootSmall(theme);\n    }\n  }\n  function getWithLeftPaddingSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.withLeftPaddingSmall(theme);\n      case 'medium':\n        return styles.withLeftPaddingMedium(theme);\n      case 'small':\n      default:\n        return styles.withLeftPaddingSmall(theme);\n    }\n  }\n\n  return (\n    <CommonWrapper {...rest}>\n      <div\n        id={id}\n        data-tid={MenuFooterDataTids.root}\n        className={cx(getRootSizeClassName(), {\n          [styles.root(theme)]: true,\n          [getWithLeftPaddingSizeClassName()]: _enableIconPadding,\n        })}\n      >\n        {children}\n      </div>\n    </CommonWrapper>\n  );\n}\n\nMenuFooter.__KONTUR_REACT_UI__ = 'MenuFooter';\nMenuFooter.displayName = 'MenuFooter';\nMenuFooter.__MENU_FOOTER__ = true;\n\nexport { MenuFooter };\n\nexport const isMenuFooter = (child: React.ReactNode): child is React.ReactElement<MenuFooterProps> => {\n  return React.isValidElement<MenuFooterProps>(child)\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_FOOTER__')\n    : false;\n};\n"],"mappings":"qKAAA,OAAOA,KAAK,IAA+BC,UAAU,QAAQ,OAAO;;AAEpE,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAAsBC,aAAa,QAAQ,8BAA8B;AACzE,SAASC,EAAE,QAAQ,2BAA2B;;;AAG9C,SAASC,MAAM,QAAQ,qBAAqB;;;;;;;;;AAS5C,OAAO,IAAMC,kBAAkB,GAAG;EAChCC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAAC,IAAA,EAAyF,KAAAC,GAAA,KAAtFC,EAAE,GAAAF,IAAA,CAAFE,EAAE,CAAAC,qBAAA,GAAAH,IAAA,CAAEI,kBAAkB,CAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA,CAAEE,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAAC,SAAA,GAAAN,IAAA,CAAEO,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAKE,IAAI,GAAAC,6BAAA,CAAAT,IAAA,EAAAU,SAAA;EACrF,IAAMC,KAAK,GAAGnB,UAAU,CAACC,YAAY,CAAC;;EAEtC,SAASmB,oBAAoBA,CAAA,EAAG;IAC9B,QAAQL,IAAI;MACV,KAAK,OAAO;QACV,OAAOX,MAAM,CAACiB,SAAS,CAACF,KAAK,CAAC;MAChC,KAAK,QAAQ;QACX,OAAOf,MAAM,CAACkB,UAAU,CAACH,KAAK,CAAC;MACjC,KAAK,OAAO;MACZ;QACE,OAAOf,MAAM,CAACmB,SAAS,CAACJ,KAAK,CAAC;IAClC;EACF;EACA,SAASK,+BAA+BA,CAAA,EAAG;IACzC,QAAQT,IAAI;MACV,KAAK,OAAO;QACV,OAAOX,MAAM,CAACqB,oBAAoB,CAACN,KAAK,CAAC;MAC3C,KAAK,QAAQ;QACX,OAAOf,MAAM,CAACsB,qBAAqB,CAACP,KAAK,CAAC;MAC5C,KAAK,OAAO;MACZ;QACE,OAAOf,MAAM,CAACqB,oBAAoB,CAACN,KAAK,CAAC;IAC7C;EACF;;EAEA;IACEpB,KAAA,CAAA4B,aAAA,CAACzB,aAAa,EAAKc,IAAI;IACrBjB,KAAA,CAAA4B,aAAA;MACEjB,EAAE,EAAEA,EAAG;MACP,YAAUL,kBAAkB,CAACC,IAAK;MAClCsB,SAAS,EAAEzB,EAAE,CAACiB,oBAAoB,CAAC,CAAC,GAAAX,GAAA,OAAAA,GAAA;MACjCL,MAAM,CAACE,IAAI,CAACa,KAAK,CAAC,IAAG,IAAI,EAAAV,GAAA;MACzBe,+BAA+B,CAAC,CAAC,IAAGZ,kBAAkB,EAAAH,GAAA;MACxD,CAAE;;IAEFI;IACE;IACQ,CAAC;;AAEpB;;AAEAN,UAAU,CAACsB,mBAAmB,GAAG,YAAY;AAC7CtB,UAAU,CAACuB,WAAW,GAAG,YAAY;AACrCvB,UAAU,CAACwB,eAAe,GAAG,IAAI;;AAEjC,SAASxB,UAAU;;AAEnB,OAAO,IAAMyB,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAsB,EAAmD;EACpG,OAAO,aAAAlC,KAAK,CAACmC,cAAc,CAAkBD,KAAK,CAAC;EAC/CE,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACL,KAAK,CAACM,IAAI,EAAE,iBAAiB,CAAC;EACnE,KAAK;AACX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","ThemeContext","CommonWrapper","cx","styles","MenuFooterDataTids","root","MenuFooter","_ref","_cx","id","_ref$_enableIconPaddi","_enableIconPadding","children","_ref$size","size","rest","_objectWithoutPropertiesLoose","_excluded","theme","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","createElement","className","__KONTUR_REACT_UI__","displayName","__MENU_FOOTER__","isMenuFooter","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"sources":["MenuFooter.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { styles } from './MenuFooter.styles';\n\nexport interface MenuFooterProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n  /** Добавляет отступ иконке. */\n  _enableIconPadding?: boolean;\n\n  /** @ignore */\n  children: ReactNode;\n\n  /** Задает размер. */\n  size?: SizeProp;\n}\n\nexport const MenuFooterDataTids = {\n  root: 'MenuFooter__root',\n} as const;\n\n/**\n * Футер меню `MenuFooter`.\n *\n * `MenuFooter`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.\n *\n * Сущности, в которых может быть использован `MenuFooter`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\nfunction MenuFooter({ id, _enableIconPadding = false, children, size = 'small', ...rest }: MenuFooterProps) {\n  const theme = useContext(ThemeContext);\n\n  function getRootSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.rootLarge(theme);\n      case 'medium':\n        return styles.rootMedium(theme);\n      case 'small':\n      default:\n        return styles.rootSmall(theme);\n    }\n  }\n  function getWithLeftPaddingSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.withLeftPaddingSmall(theme);\n      case 'medium':\n        return styles.withLeftPaddingMedium(theme);\n      case 'small':\n      default:\n        return styles.withLeftPaddingSmall(theme);\n    }\n  }\n\n  return (\n    <CommonWrapper {...rest}>\n      <div\n        id={id}\n        data-tid={MenuFooterDataTids.root}\n        className={cx(getRootSizeClassName(), {\n          [styles.root(theme)]: true,\n          [getWithLeftPaddingSizeClassName()]: _enableIconPadding,\n        })}\n      >\n        {children}\n      </div>\n    </CommonWrapper>\n  );\n}\n\nMenuFooter.__KONTUR_REACT_UI__ = 'MenuFooter';\nMenuFooter.displayName = 'MenuFooter';\nMenuFooter.__MENU_FOOTER__ = true;\n\nexport { MenuFooter };\n\nexport const isMenuFooter = (child: React.ReactNode): child is React.ReactElement<MenuFooterProps> => {\n  return React.isValidElement<MenuFooterProps>(child)\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_FOOTER__')\n    : false;\n};\n"],"mappings":"qKAAA,OAAOA,KAAK,IAA+BC,UAAU,QAAQ,OAAO;;AAEpE,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAAsBC,aAAa,QAAQ,8BAA8B;AACzE,SAASC,EAAE,QAAQ,2BAA2B;;;AAG9C,SAASC,MAAM,QAAQ,qBAAqB;;;;;;;;;;;;;AAa5C,OAAO,IAAMC,kBAAkB,GAAG;EAChCC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAAC,IAAA,EAAyF,KAAAC,GAAA,KAAtFC,EAAE,GAAAF,IAAA,CAAFE,EAAE,CAAAC,qBAAA,GAAAH,IAAA,CAAEI,kBAAkB,CAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA,CAAEE,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAAC,SAAA,GAAAN,IAAA,CAAEO,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAKE,IAAI,GAAAC,6BAAA,CAAAT,IAAA,EAAAU,SAAA;EACrF,IAAMC,KAAK,GAAGnB,UAAU,CAACC,YAAY,CAAC;;EAEtC,SAASmB,oBAAoBA,CAAA,EAAG;IAC9B,QAAQL,IAAI;MACV,KAAK,OAAO;QACV,OAAOX,MAAM,CAACiB,SAAS,CAACF,KAAK,CAAC;MAChC,KAAK,QAAQ;QACX,OAAOf,MAAM,CAACkB,UAAU,CAACH,KAAK,CAAC;MACjC,KAAK,OAAO;MACZ;QACE,OAAOf,MAAM,CAACmB,SAAS,CAACJ,KAAK,CAAC;IAClC;EACF;EACA,SAASK,+BAA+BA,CAAA,EAAG;IACzC,QAAQT,IAAI;MACV,KAAK,OAAO;QACV,OAAOX,MAAM,CAACqB,oBAAoB,CAACN,KAAK,CAAC;MAC3C,KAAK,QAAQ;QACX,OAAOf,MAAM,CAACsB,qBAAqB,CAACP,KAAK,CAAC;MAC5C,KAAK,OAAO;MACZ;QACE,OAAOf,MAAM,CAACqB,oBAAoB,CAACN,KAAK,CAAC;IAC7C;EACF;;EAEA;IACEpB,KAAA,CAAA4B,aAAA,CAACzB,aAAa,EAAKc,IAAI;IACrBjB,KAAA,CAAA4B,aAAA;MACEjB,EAAE,EAAEA,EAAG;MACP,YAAUL,kBAAkB,CAACC,IAAK;MAClCsB,SAAS,EAAEzB,EAAE,CAACiB,oBAAoB,CAAC,CAAC,GAAAX,GAAA,OAAAA,GAAA;MACjCL,MAAM,CAACE,IAAI,CAACa,KAAK,CAAC,IAAG,IAAI,EAAAV,GAAA;MACzBe,+BAA+B,CAAC,CAAC,IAAGZ,kBAAkB,EAAAH,GAAA;MACxD,CAAE;;IAEFI;IACE;IACQ,CAAC;;AAEpB;;AAEAN,UAAU,CAACsB,mBAAmB,GAAG,YAAY;AAC7CtB,UAAU,CAACuB,WAAW,GAAG,YAAY;AACrCvB,UAAU,CAACwB,eAAe,GAAG,IAAI;;AAEjC,SAASxB,UAAU;;AAEnB,OAAO,IAAMyB,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAsB,EAAmD;EACpG,OAAO,aAAAlC,KAAK,CAACmC,cAAc,CAAkBD,KAAK,CAAC;EAC/CE,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACL,KAAK,CAACM,IAAI,EAAE,iBAAiB,CAAC;EACnE,KAAK;AACX,CAAC","ignoreList":[]}

package/components/MenuFooter/MenuFooter.d.ts

@@ -2,20 +2,22 @@ import React, { HTMLAttributes, ReactNode } from 'react';
 import { CommonProps } from '../../internal/CommonWrapper';
 import { SizeProp } from '../../lib/types/props';
 export interface MenuFooterProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {
+    /** Добавляет отступ иконке. */
     _enableIconPadding?: boolean;
+    /** @ignore */
     children: ReactNode;
-    /** Размер */
+    /** Задает размер. */
     size?: SizeProp;
 }
 export declare const MenuFooterDataTids: {
     readonly root: "MenuFooter__root";
 };
 /**
- * Футер меню.
+ * Футер меню `MenuFooter`.
  *
- * _Примечание_: `футер меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.
+ * `MenuFooter`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.
  *
- * Сущности в которых может быть использован `MenuFooter`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).
+ * Сущности, в которых может быть использован `MenuFooter`: DropdownMenu, Kebab, TooltipMenu и Select.
  */
 declare function MenuFooter({ id, _enableIconPadding, children, size, ...rest }: MenuFooterProps): React.JSX.Element;
 declare namespace MenuFooter {

package/components/MenuFooter/MenuFooter.md

@@ -1,4 +1,4 @@
-Базовый пример меню с заголовками.
+### Базовый пример меню с заголовками
 
 ```jsx harmony
 import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
@@ -14,7 +14,7 @@ import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
 </DropdownMenu>
 ```
 
-У MenuFooter есть 3 стандартных размера.
+### Размер
 
 ```jsx harmony
 import { Gapped } from '@skbkontur/react-ui';

package/components/MenuFooter/MenuFooter.mixins/MenuFooter.mixins.js

@@ -1,9 +1,8 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2;
 import { css } from "../../../lib/theming/Emotion";
-export var menuFooterSizeMixin = function menuFooterSizeMixin(menuFooterLegacyPaddingRight, menuFooterPaddingX, menuFooterFontSize, menuFooterLineHeight, menuFooterPaddingTop, menuFooterPaddingBottom) {
-  var legacyPaddingRight = parseFloat(menuFooterLegacyPaddingRight);
-  var paddingRight = legacyPaddingRight !== 0 ? parseFloat(menuFooterPaddingX) + legacyPaddingRight + "px" : menuFooterPaddingX;
+export var menuFooterSizeMixin = function menuFooterSizeMixin(menuFooterPaddingX, menuFooterFontSize, menuFooterLineHeight, menuFooterPaddingTop, menuFooterPaddingBottom) {
+  var paddingRight = menuFooterPaddingX;
   return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " ", " ", " ", ";\n  "])), menuFooterFontSize, menuFooterLineHeight, menuFooterPaddingTop, paddingRight, menuFooterPaddingBottom, menuFooterPaddingX);
 };
 export var withIconSizeMixin = function withIconSizeMixin(menuItemPaddingForIcon) {

package/components/MenuFooter/MenuFooter.mixins/MenuFooter.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","menuFooterSizeMixin","menuFooterLegacyPaddingRight","menuFooterPaddingX","menuFooterFontSize","menuFooterLineHeight","menuFooterPaddingTop","menuFooterPaddingBottom","legacyPaddingRight","parseFloat","paddingRight","_templateObject","_taggedTemplateLiteralLoose","withIconSizeMixin","menuItemPaddingForIcon","_templateObject2"],"sources":["MenuFooter.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const menuFooterSizeMixin = (\n  menuFooterLegacyPaddingRight: string,\n  menuFooterPaddingX: string,\n  menuFooterFontSize: string,\n  menuFooterLineHeight: string,\n  menuFooterPaddingTop: string,\n  menuFooterPaddingBottom: string,\n) => {\n  const legacyPaddingRight = parseFloat(menuFooterLegacyPaddingRight);\n  const paddingRight =\n    legacyPaddingRight !== 0 ? `${parseFloat(menuFooterPaddingX) + legacyPaddingRight}px` : menuFooterPaddingX;\n\n  return css`\n    font-size: ${menuFooterFontSize};\n    line-height: ${menuFooterLineHeight};\n    padding: ${menuFooterPaddingTop} ${paddingRight} ${menuFooterPaddingBottom} ${menuFooterPaddingX};\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n  return css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"],"mappings":"sIAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA;AAC9BC,4BAAoC;AACpCC,kBAA0B;AAC1BC,kBAA0B;AAC1BC,oBAA4B;AAC5BC,oBAA4B;AAC5BC,uBAA+B;AAC5B;EACH,IAAMC,kBAAkB,GAAGC,UAAU,CAACP,4BAA4B,CAAC;EACnE,IAAMQ,YAAY;EAChBF,kBAAkB,KAAK,CAAC,GAAMC,UAAU,CAACN,kBAAkB,CAAC,GAAGK,kBAAkB,UAAOL,kBAAkB;;EAE5G,OAAOH,GAAG,CAAAW,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACKR,kBAAkB;EAChBC,oBAAoB;EACxBC,oBAAoB,EAAII,YAAY,EAAIH,uBAAuB,EAAIJ,kBAAkB;;AAEpG,CAAC;;AAED,OAAO,IAAMU,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAK;EACnE,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;EACQE,sBAAsB;;AAE1C,CAAC","ignoreList":[]}
+{"version":3,"names":["css","menuFooterSizeMixin","menuFooterPaddingX","menuFooterFontSize","menuFooterLineHeight","menuFooterPaddingTop","menuFooterPaddingBottom","paddingRight","_templateObject","_taggedTemplateLiteralLoose","withIconSizeMixin","menuItemPaddingForIcon","_templateObject2"],"sources":["MenuFooter.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const menuFooterSizeMixin = (\n  menuFooterPaddingX: string,\n  menuFooterFontSize: string,\n  menuFooterLineHeight: string,\n  menuFooterPaddingTop: string,\n  menuFooterPaddingBottom: string,\n) => {\n  const paddingRight = menuFooterPaddingX;\n\n  return css`\n    font-size: ${menuFooterFontSize};\n    line-height: ${menuFooterLineHeight};\n    padding: ${menuFooterPaddingTop} ${paddingRight} ${menuFooterPaddingBottom} ${menuFooterPaddingX};\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n  return css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"],"mappings":"sIAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA;AAC9BC,kBAA0B;AAC1BC,kBAA0B;AAC1BC,oBAA4B;AAC5BC,oBAA4B;AAC5BC,uBAA+B;AAC5B;EACH,IAAMC,YAAY,GAAGL,kBAAkB;;EAEvC,OAAOF,GAAG,CAAAQ,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACKN,kBAAkB;EAChBC,oBAAoB;EACxBC,oBAAoB,EAAIE,YAAY,EAAID,uBAAuB,EAAIJ,kBAAkB;;AAEpG,CAAC;;AAED,OAAO,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAK;EACnE,OAAOX,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;EACQE,sBAAsB;;AAE1C,CAAC","ignoreList":[]}

package/components/MenuFooter/MenuFooter.mixins.d.ts

@@ -1,2 +1,2 @@
-export declare const menuFooterSizeMixin: (menuFooterLegacyPaddingRight: string, menuFooterPaddingX: string, menuFooterFontSize: string, menuFooterLineHeight: string, menuFooterPaddingTop: string, menuFooterPaddingBottom: string) => string;
+export declare const menuFooterSizeMixin: (menuFooterPaddingX: string, menuFooterFontSize: string, menuFooterLineHeight: string, menuFooterPaddingTop: string, menuFooterPaddingBottom: string) => string;
 export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;

package/components/MenuFooter/MenuFooter.styles/MenuFooter.styles.js

@@ -7,13 +7,13 @@ export var styles = memoizeStyle({
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: default;\n    "])), t.menuFooterColor);
   },
   rootSmall: function rootSmall(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuFooterSizeMixin(t.menuFooterLegacyPaddingRight, t.menuFooterPaddingXSmall, t.menuFooterFontSizeSmall, t.menuFooterLineHeightSmall, t.menuFooterPaddingTopSmall, t.menuFooterPaddingBottomSmall));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuFooterSizeMixin(t.menuFooterPaddingXSmall, t.menuFooterFontSizeSmall, t.menuFooterLineHeightSmall, t.menuFooterPaddingTopSmall, t.menuFooterPaddingBottomSmall));
   },
   rootMedium: function rootMedium(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuFooterSizeMixin(t.menuFooterLegacyPaddingRight, t.menuFooterPaddingXMedium, t.menuFooterFontSizeMedium, t.menuFooterLineHeightMedium, t.menuFooterPaddingTopMedium, t.menuFooterPaddingBottomMedium));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuFooterSizeMixin(t.menuFooterPaddingXMedium, t.menuFooterFontSizeMedium, t.menuFooterLineHeightMedium, t.menuFooterPaddingTopMedium, t.menuFooterPaddingBottomMedium));
   },
   rootLarge: function rootLarge(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuFooterSizeMixin(t.menuFooterLegacyPaddingRight, t.menuFooterPaddingXLarge, t.menuFooterFontSizeLarge, t.menuFooterLineHeightLarge, t.menuFooterPaddingTopLarge, t.menuFooterPaddingBottomLarge));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuFooterSizeMixin(t.menuFooterPaddingXLarge, t.menuFooterFontSizeLarge, t.menuFooterLineHeightLarge, t.menuFooterPaddingTopLarge, t.menuFooterPaddingBottomLarge));
   },
   withLeftPaddingSmall: function withLeftPaddingSmall(t) {
     return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconSmall));

package/components/MenuFooter/MenuFooter.styles/MenuFooter.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","menuFooterSizeMixin","withIconSizeMixin","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuFooterColor","rootSmall","_templateObject2","menuFooterLegacyPaddingRight","menuFooterPaddingXSmall","menuFooterFontSizeSmall","menuFooterLineHeightSmall","menuFooterPaddingTopSmall","menuFooterPaddingBottomSmall","rootMedium","_templateObject3","menuFooterPaddingXMedium","menuFooterFontSizeMedium","menuFooterLineHeightMedium","menuFooterPaddingTopMedium","menuFooterPaddingBottomMedium","rootLarge","_templateObject4","menuFooterPaddingXLarge","menuFooterFontSizeLarge","menuFooterLineHeightLarge","menuFooterPaddingTopLarge","menuFooterPaddingBottomLarge","withLeftPaddingSmall","_templateObject5","menuItemPaddingForIconSmall","withLeftPaddingMedium","_templateObject6","menuItemPaddingForIconMedium","withLeftPaddingLarge","_templateObject7","menuItemPaddingForIconLarge"],"sources":["MenuFooter.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.menuFooterColor};\n      cursor: default;\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterLegacyPaddingRight,\n        t.menuFooterPaddingXSmall,\n        t.menuFooterFontSizeSmall,\n        t.menuFooterLineHeightSmall,\n        t.menuFooterPaddingTopSmall,\n        t.menuFooterPaddingBottomSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterLegacyPaddingRight,\n        t.menuFooterPaddingXMedium,\n        t.menuFooterFontSizeMedium,\n        t.menuFooterLineHeightMedium,\n        t.menuFooterPaddingTopMedium,\n        t.menuFooterPaddingBottomMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterLegacyPaddingRight,\n        t.menuFooterPaddingXLarge,\n        t.menuFooterFontSizeLarge,\n        t.menuFooterLineHeightLarge,\n        t.menuFooterPaddingTopLarge,\n        t.menuFooterPaddingBottomLarge,\n      )};\n    `;\n  },\n\n  withLeftPaddingSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withLeftPaddingMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withLeftPaddingLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n});\n"],"mappings":"gOAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,qBAAqB;;AAE5E,OAAO,IAAMC,MAAM,GAAGH,YAAY,CAAC;EACjCI,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAON,GAAG,CAAAO,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACCF,CAAC,CAACG,eAAe;;;EAG9B,CAAC;;EAEDC,SAAS,WAAAA,UAACJ,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACM,4BAA4B;MAC9BN,CAAC,CAACO,uBAAuB;MACzBP,CAAC,CAACQ,uBAAuB;MACzBR,CAAC,CAACS,yBAAyB;MAC3BT,CAAC,CAACU,yBAAyB;MAC3BV,CAAC,CAACW;IACJ,CAAC;;EAEL,CAAC;EACDC,UAAU,WAAAA,WAACZ,CAAQ,EAAE;IACnB,OAAON,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACM,4BAA4B;MAC9BN,CAAC,CAACc,wBAAwB;MAC1Bd,CAAC,CAACe,wBAAwB;MAC1Bf,CAAC,CAACgB,0BAA0B;MAC5BhB,CAAC,CAACiB,0BAA0B;MAC5BjB,CAAC,CAACkB;IACJ,CAAC;;EAEL,CAAC;EACDC,SAAS,WAAAA,UAACnB,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACM,4BAA4B;MAC9BN,CAAC,CAACqB,uBAAuB;MACzBrB,CAAC,CAACsB,uBAAuB;MACzBtB,CAAC,CAACuB,yBAAyB;MAC3BvB,CAAC,CAACwB,yBAAyB;MAC3BxB,CAAC,CAACyB;IACJ,CAAC;;EAEL,CAAC;;EAEDC,oBAAoB,WAAAA,qBAAC1B,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAiC,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC4B,2BAA2B,CAAC;;EAEtD,CAAC;EACDC,qBAAqB,WAAAA,sBAAC7B,CAAQ,EAAE;IAC9B,OAAON,GAAG,CAAAoC,gBAAA,KAAAA,gBAAA,GAAA5B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC+B,4BAA4B,CAAC;;EAEvD,CAAC;EACDC,oBAAoB,WAAAA,qBAAChC,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAuC,gBAAA,KAAAA,gBAAA,GAAA/B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAACkC,2BAA2B,CAAC;;EAEtD;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","menuFooterSizeMixin","withIconSizeMixin","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuFooterColor","rootSmall","_templateObject2","menuFooterPaddingXSmall","menuFooterFontSizeSmall","menuFooterLineHeightSmall","menuFooterPaddingTopSmall","menuFooterPaddingBottomSmall","rootMedium","_templateObject3","menuFooterPaddingXMedium","menuFooterFontSizeMedium","menuFooterLineHeightMedium","menuFooterPaddingTopMedium","menuFooterPaddingBottomMedium","rootLarge","_templateObject4","menuFooterPaddingXLarge","menuFooterFontSizeLarge","menuFooterLineHeightLarge","menuFooterPaddingTopLarge","menuFooterPaddingBottomLarge","withLeftPaddingSmall","_templateObject5","menuItemPaddingForIconSmall","withLeftPaddingMedium","_templateObject6","menuItemPaddingForIconMedium","withLeftPaddingLarge","_templateObject7","menuItemPaddingForIconLarge"],"sources":["MenuFooter.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.menuFooterColor};\n      cursor: default;\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterPaddingXSmall,\n        t.menuFooterFontSizeSmall,\n        t.menuFooterLineHeightSmall,\n        t.menuFooterPaddingTopSmall,\n        t.menuFooterPaddingBottomSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterPaddingXMedium,\n        t.menuFooterFontSizeMedium,\n        t.menuFooterLineHeightMedium,\n        t.menuFooterPaddingTopMedium,\n        t.menuFooterPaddingBottomMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterPaddingXLarge,\n        t.menuFooterFontSizeLarge,\n        t.menuFooterLineHeightLarge,\n        t.menuFooterPaddingTopLarge,\n        t.menuFooterPaddingBottomLarge,\n      )};\n    `;\n  },\n\n  withLeftPaddingSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withLeftPaddingMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withLeftPaddingLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n});\n"],"mappings":"gOAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,qBAAqB;;AAE5E,OAAO,IAAMC,MAAM,GAAGH,YAAY,CAAC;EACjCI,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAON,GAAG,CAAAO,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACCF,CAAC,CAACG,eAAe;;;EAG9B,CAAC;;EAEDC,SAAS,WAAAA,UAACJ,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACM,uBAAuB;MACzBN,CAAC,CAACO,uBAAuB;MACzBP,CAAC,CAACQ,yBAAyB;MAC3BR,CAAC,CAACS,yBAAyB;MAC3BT,CAAC,CAACU;IACJ,CAAC;;EAEL,CAAC;EACDC,UAAU,WAAAA,WAACX,CAAQ,EAAE;IACnB,OAAON,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACa,wBAAwB;MAC1Bb,CAAC,CAACc,wBAAwB;MAC1Bd,CAAC,CAACe,0BAA0B;MAC5Bf,CAAC,CAACgB,0BAA0B;MAC5BhB,CAAC,CAACiB;IACJ,CAAC;;EAEL,CAAC;EACDC,SAAS,WAAAA,UAAClB,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACoB,uBAAuB;MACzBpB,CAAC,CAACqB,uBAAuB;MACzBrB,CAAC,CAACsB,yBAAyB;MAC3BtB,CAAC,CAACuB,yBAAyB;MAC3BvB,CAAC,CAACwB;IACJ,CAAC;;EAEL,CAAC;;EAEDC,oBAAoB,WAAAA,qBAACzB,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAgC,gBAAA,KAAAA,gBAAA,GAAAxB,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC2B,2BAA2B,CAAC;;EAEtD,CAAC;EACDC,qBAAqB,WAAAA,sBAAC5B,CAAQ,EAAE;IAC9B,OAAON,GAAG,CAAAmC,gBAAA,KAAAA,gBAAA,GAAA3B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC8B,4BAA4B,CAAC;;EAEvD,CAAC;EACDC,oBAAoB,WAAAA,qBAAC/B,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAsC,gBAAA,KAAAA,gBAAA,GAAA9B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAACiC,2BAA2B,CAAC;;EAEtD;AACF,CAAC,CAAC","ignoreList":[]}

package/components/MenuFooter/__docs__/MenuFooter.mdx

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

package/components/MenuHeader/MenuHeader/MenuHeader.js

@@ -11,11 +11,11 @@ export var MenuHeaderDataTids = {
 };
 
 /**
- * `Заголовок меню` используется для того, чтобы разделить `элементы меню` на категории в рамках одного меню.
+ * Заголовок меню `MenuHeader` используется для того, чтобы разделить элементы меню на категории в рамках одного меню.
  *
- * _Примечание_: `заголовок меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.
+ * `MenuHeader`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.
  *
- * Сущности в которых может быть использован `MenuHeader`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).
+ * Сущности в которых может быть использован `MenuHeader`: DropdownMenu, Kebab, TooltipMenu и Select.
  */
 function MenuHeader(_ref) {
   var _cx;

package/components/MenuHeader/MenuHeader/MenuHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","ThemeContext","CommonWrapper","cx","MenuContext","styles","MenuHeaderDataTids","root","MenuHeader","_ref","_cx","id","_ref$_enableIconPaddi","_enableIconPadding","children","_ref$size","size","rest","_objectWithoutPropertiesLoose","_excluded","theme","menuContext","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","createElement","className","enableIconPadding","__KONTUR_REACT_UI__","displayName","__MENU_HEADER__","isMenuHeader","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"sources":["MenuHeader.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { SizeProp } from '../../lib/types/props';\nimport { MenuContext } from '../../internal/Menu/MenuContext';\n\nimport { styles } from './MenuHeader.styles';\n\nexport interface MenuHeaderProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n  _enableIconPadding?: boolean;\n  children: ReactNode;\n  /** Размер */\n  size?: SizeProp;\n}\n\nexport const MenuHeaderDataTids = {\n  root: 'MenuHeader__root',\n} as const;\n\n/**\n * `Заголовок меню` используется для того, чтобы разделить `элементы меню` на категории в рамках одного меню.\n *\n * _Примечание_: `заголовок меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.\n *\n * Сущности в которых может быть использован `MenuHeader`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).\n */\nfunction MenuHeader({ id, _enableIconPadding = false, children, size = 'small', ...rest }: MenuHeaderProps) {\n  const theme = useContext(ThemeContext);\n  const menuContext = useContext(MenuContext);\n\n  function getRootSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.rootLarge(theme);\n      case 'medium':\n        return styles.rootMedium(theme);\n      case 'small':\n      default:\n        return styles.rootSmall(theme);\n    }\n  }\n  function getWithLeftPaddingSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.withLeftPaddingSmall(theme);\n      case 'medium':\n        return styles.withLeftPaddingMedium(theme);\n      case 'small':\n      default:\n        return styles.withLeftPaddingSmall(theme);\n    }\n  }\n\n  return (\n    <CommonWrapper {...rest}>\n      <div\n        id={id}\n        data-tid={MenuHeaderDataTids.root}\n        className={cx(getRootSizeClassName(), {\n          [styles.root(theme)]: true,\n          [getWithLeftPaddingSizeClassName()]: menuContext.enableIconPadding || _enableIconPadding,\n        })}\n      >\n        {children}\n      </div>\n    </CommonWrapper>\n  );\n}\n\nMenuHeader.__KONTUR_REACT_UI__ = 'MenuHeader';\nMenuHeader.displayName = 'MenuHeader';\nMenuHeader.__MENU_HEADER__ = true;\n\nexport { MenuHeader };\n\nexport const isMenuHeader = (child: React.ReactNode): child is React.ReactElement<MenuHeaderProps> => {\n  return React.isValidElement<MenuHeaderProps>(child)\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_HEADER__')\n    : false;\n};\n"],"mappings":"qKAAA,OAAOA,KAAK,IAA+BC,UAAU,QAAQ,OAAO;;AAEpE,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAAsBC,aAAa,QAAQ,8BAA8B;AACzE,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,WAAW,QAAQ,iCAAiC;;AAE7D,SAASC,MAAM,QAAQ,qBAAqB;;;;;;;;;AAS5C,OAAO,IAAMC,kBAAkB,GAAG;EAChCC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAAC,IAAA,EAAyF,KAAAC,GAAA,KAAtFC,EAAE,GAAAF,IAAA,CAAFE,EAAE,CAAAC,qBAAA,GAAAH,IAAA,CAAEI,kBAAkB,CAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA,CAAEE,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAAC,SAAA,GAAAN,IAAA,CAAEO,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAKE,IAAI,GAAAC,6BAAA,CAAAT,IAAA,EAAAU,SAAA;EACrF,IAAMC,KAAK,GAAGpB,UAAU,CAACC,YAAY,CAAC;EACtC,IAAMoB,WAAW,GAAGrB,UAAU,CAACI,WAAW,CAAC;;EAE3C,SAASkB,oBAAoBA,CAAA,EAAG;IAC9B,QAAQN,IAAI;MACV,KAAK,OAAO;QACV,OAAOX,MAAM,CAACkB,SAAS,CAACH,KAAK,CAAC;MAChC,KAAK,QAAQ;QACX,OAAOf,MAAM,CAACmB,UAAU,CAACJ,KAAK,CAAC;MACjC,KAAK,OAAO;MACZ;QACE,OAAOf,MAAM,CAACoB,SAAS,CAACL,KAAK,CAAC;IAClC;EACF;EACA,SAASM,+BAA+BA,CAAA,EAAG;IACzC,QAAQV,IAAI;MACV,KAAK,OAAO;QACV,OAAOX,MAAM,CAACsB,oBAAoB,CAACP,KAAK,CAAC;MAC3C,KAAK,QAAQ;QACX,OAAOf,MAAM,CAACuB,qBAAqB,CAACR,KAAK,CAAC;MAC5C,KAAK,OAAO;MACZ;QACE,OAAOf,MAAM,CAACsB,oBAAoB,CAACP,KAAK,CAAC;IAC7C;EACF;;EAEA;IACErB,KAAA,CAAA8B,aAAA,CAAC3B,aAAa,EAAKe,IAAI;IACrBlB,KAAA,CAAA8B,aAAA;MACElB,EAAE,EAAEA,EAAG;MACP,YAAUL,kBAAkB,CAACC,IAAK;MAClCuB,SAAS,EAAE3B,EAAE,CAACmB,oBAAoB,CAAC,CAAC,GAAAZ,GAAA,OAAAA,GAAA;MACjCL,MAAM,CAACE,IAAI,CAACa,KAAK,CAAC,IAAG,IAAI,EAAAV,GAAA;MACzBgB,+BAA+B,CAAC,CAAC,IAAGL,WAAW,CAACU,iBAAiB,IAAIlB,kBAAkB,EAAAH,GAAA;MACzF,CAAE;;IAEFI;IACE;IACQ,CAAC;;AAEpB;;AAEAN,UAAU,CAACwB,mBAAmB,GAAG,YAAY;AAC7CxB,UAAU,CAACyB,WAAW,GAAG,YAAY;AACrCzB,UAAU,CAAC0B,eAAe,GAAG,IAAI;;AAEjC,SAAS1B,UAAU;;AAEnB,OAAO,IAAM2B,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAsB,EAAmD;EACpG,OAAO,aAAArC,KAAK,CAACsC,cAAc,CAAkBD,KAAK,CAAC;EAC/CE,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACL,KAAK,CAACM,IAAI,EAAE,iBAAiB,CAAC;EACnE,KAAK;AACX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","ThemeContext","CommonWrapper","cx","MenuContext","styles","MenuHeaderDataTids","root","MenuHeader","_ref","_cx","id","_ref$_enableIconPaddi","_enableIconPadding","children","_ref$size","size","rest","_objectWithoutPropertiesLoose","_excluded","theme","menuContext","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","createElement","className","enableIconPadding","__KONTUR_REACT_UI__","displayName","__MENU_HEADER__","isMenuHeader","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"sources":["MenuHeader.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { SizeProp } from '../../lib/types/props';\nimport { MenuContext } from '../../internal/Menu/MenuContext';\n\nimport { styles } from './MenuHeader.styles';\n\nexport interface MenuHeaderProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n  /** Добавляет отступ иконке. */\n  _enableIconPadding?: boolean;\n\n  /** @ignore */\n  children: ReactNode;\n\n  /** Задает размер. */\n  size?: SizeProp;\n}\n\nexport const MenuHeaderDataTids = {\n  root: 'MenuHeader__root',\n} as const;\n\n/**\n * Заголовок меню `MenuHeader` используется для того, чтобы разделить элементы меню на категории в рамках одного меню.\n *\n * `MenuHeader`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.\n *\n * Сущности в которых может быть использован `MenuHeader`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\nfunction MenuHeader({ id, _enableIconPadding = false, children, size = 'small', ...rest }: MenuHeaderProps) {\n  const theme = useContext(ThemeContext);\n  const menuContext = useContext(MenuContext);\n\n  function getRootSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.rootLarge(theme);\n      case 'medium':\n        return styles.rootMedium(theme);\n      case 'small':\n      default:\n        return styles.rootSmall(theme);\n    }\n  }\n  function getWithLeftPaddingSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.withLeftPaddingSmall(theme);\n      case 'medium':\n        return styles.withLeftPaddingMedium(theme);\n      case 'small':\n      default:\n        return styles.withLeftPaddingSmall(theme);\n    }\n  }\n\n  return (\n    <CommonWrapper {...rest}>\n      <div\n        id={id}\n        data-tid={MenuHeaderDataTids.root}\n        className={cx(getRootSizeClassName(), {\n          [styles.root(theme)]: true,\n          [getWithLeftPaddingSizeClassName()]: menuContext.enableIconPadding || _enableIconPadding,\n        })}\n      >\n        {children}\n      </div>\n    </CommonWrapper>\n  );\n}\n\nMenuHeader.__KONTUR_REACT_UI__ = 'MenuHeader';\nMenuHeader.displayName = 'MenuHeader';\nMenuHeader.__MENU_HEADER__ = true;\n\nexport { MenuHeader };\n\nexport const isMenuHeader = (child: React.ReactNode): child is React.ReactElement<MenuHeaderProps> => {\n  return React.isValidElement<MenuHeaderProps>(child)\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_HEADER__')\n    : false;\n};\n"],"mappings":"qKAAA,OAAOA,KAAK,IAA+BC,UAAU,QAAQ,OAAO;;AAEpE,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAAsBC,aAAa,QAAQ,8BAA8B;AACzE,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,WAAW,QAAQ,iCAAiC;;AAE7D,SAASC,MAAM,QAAQ,qBAAqB;;;;;;;;;;;;;AAa5C,OAAO,IAAMC,kBAAkB,GAAG;EAChCC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAAC,IAAA,EAAyF,KAAAC,GAAA,KAAtFC,EAAE,GAAAF,IAAA,CAAFE,EAAE,CAAAC,qBAAA,GAAAH,IAAA,CAAEI,kBAAkB,CAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA,CAAEE,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAAC,SAAA,GAAAN,IAAA,CAAEO,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAKE,IAAI,GAAAC,6BAAA,CAAAT,IAAA,EAAAU,SAAA;EACrF,IAAMC,KAAK,GAAGpB,UAAU,CAACC,YAAY,CAAC;EACtC,IAAMoB,WAAW,GAAGrB,UAAU,CAACI,WAAW,CAAC;;EAE3C,SAASkB,oBAAoBA,CAAA,EAAG;IAC9B,QAAQN,IAAI;MACV,KAAK,OAAO;QACV,OAAOX,MAAM,CAACkB,SAAS,CAACH,KAAK,CAAC;MAChC,KAAK,QAAQ;QACX,OAAOf,MAAM,CAACmB,UAAU,CAACJ,KAAK,CAAC;MACjC,KAAK,OAAO;MACZ;QACE,OAAOf,MAAM,CAACoB,SAAS,CAACL,KAAK,CAAC;IAClC;EACF;EACA,SAASM,+BAA+BA,CAAA,EAAG;IACzC,QAAQV,IAAI;MACV,KAAK,OAAO;QACV,OAAOX,MAAM,CAACsB,oBAAoB,CAACP,KAAK,CAAC;MAC3C,KAAK,QAAQ;QACX,OAAOf,MAAM,CAACuB,qBAAqB,CAACR,KAAK,CAAC;MAC5C,KAAK,OAAO;MACZ;QACE,OAAOf,MAAM,CAACsB,oBAAoB,CAACP,KAAK,CAAC;IAC7C;EACF;;EAEA;IACErB,KAAA,CAAA8B,aAAA,CAAC3B,aAAa,EAAKe,IAAI;IACrBlB,KAAA,CAAA8B,aAAA;MACElB,EAAE,EAAEA,EAAG;MACP,YAAUL,kBAAkB,CAACC,IAAK;MAClCuB,SAAS,EAAE3B,EAAE,CAACmB,oBAAoB,CAAC,CAAC,GAAAZ,GAAA,OAAAA,GAAA;MACjCL,MAAM,CAACE,IAAI,CAACa,KAAK,CAAC,IAAG,IAAI,EAAAV,GAAA;MACzBgB,+BAA+B,CAAC,CAAC,IAAGL,WAAW,CAACU,iBAAiB,IAAIlB,kBAAkB,EAAAH,GAAA;MACzF,CAAE;;IAEFI;IACE;IACQ,CAAC;;AAEpB;;AAEAN,UAAU,CAACwB,mBAAmB,GAAG,YAAY;AAC7CxB,UAAU,CAACyB,WAAW,GAAG,YAAY;AACrCzB,UAAU,CAAC0B,eAAe,GAAG,IAAI;;AAEjC,SAAS1B,UAAU;;AAEnB,OAAO,IAAM2B,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAsB,EAAmD;EACpG,OAAO,aAAArC,KAAK,CAACsC,cAAc,CAAkBD,KAAK,CAAC;EAC/CE,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACL,KAAK,CAACM,IAAI,EAAE,iBAAiB,CAAC;EACnE,KAAK;AACX,CAAC","ignoreList":[]}

package/components/MenuHeader/MenuHeader.d.ts

@@ -2,20 +2,22 @@ import React, { HTMLAttributes, ReactNode } from 'react';
 import { CommonProps } from '../../internal/CommonWrapper';
 import { SizeProp } from '../../lib/types/props';
 export interface MenuHeaderProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {
+    /** Добавляет отступ иконке. */
     _enableIconPadding?: boolean;
+    /** @ignore */
     children: ReactNode;
-    /** Размер */
+    /** Задает размер. */
     size?: SizeProp;
 }
 export declare const MenuHeaderDataTids: {
     readonly root: "MenuHeader__root";
 };
 /**
- * `Заголовок меню` используется для того, чтобы разделить `элементы меню` на категории в рамках одного меню.
+ * Заголовок меню `MenuHeader` используется для того, чтобы разделить элементы меню на категории в рамках одного меню.
  *
- * _Примечание_: `заголовок меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.
+ * `MenuHeader`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.
  *
- * Сущности в которых может быть использован `MenuHeader`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).
+ * Сущности в которых может быть использован `MenuHeader`: DropdownMenu, Kebab, TooltipMenu и Select.
  */
 declare function MenuHeader({ id, _enableIconPadding, children, size, ...rest }: MenuHeaderProps): React.JSX.Element;
 declare namespace MenuHeader {

package/components/MenuHeader/MenuHeader.md

@@ -1,4 +1,4 @@
-Базовый пример меню с заголовками.
+### Базовый пример меню с заголовками
 
 ```jsx harmony
 import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
@@ -22,7 +22,7 @@ import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
 </DropdownMenu>
 ```
 
-У MenuHeader есть 3 стандартных размера.
+### Размер
 
 ```jsx harmony
 import { Gapped } from '@skbkontur/react-ui';

package/components/MenuHeader/MenuHeader.mixins/MenuHeader.mixins.js

@@ -1,9 +1,8 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2;
 import { css } from "../../../lib/theming/Emotion";
-export var menuHeaderSizeMixin = function menuHeaderSizeMixin(menuHeaderLegacyPaddingRight, menuHeaderPaddingX, menuHeaderFontSize, menuHeaderLineHeight, menuHeaderPaddingTop, menuHeaderPaddingBottom) {
-  var legacyPaddingRight = parseFloat(menuHeaderLegacyPaddingRight);
-  var paddingRight = legacyPaddingRight !== 0 ? parseFloat(menuHeaderPaddingX) + legacyPaddingRight + "px" : menuHeaderPaddingX;
+export var menuHeaderSizeMixin = function menuHeaderSizeMixin(menuHeaderPaddingX, menuHeaderFontSize, menuHeaderLineHeight, menuHeaderPaddingTop, menuHeaderPaddingBottom) {
+  var paddingRight = menuHeaderPaddingX;
   return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " ", " ", " ", ";\n  "])), menuHeaderFontSize, menuHeaderLineHeight, menuHeaderPaddingTop, paddingRight, menuHeaderPaddingBottom, menuHeaderPaddingX);
 };
 export var withIconSizeMixin = function withIconSizeMixin(menuItemPaddingForIcon) {

package/components/MenuHeader/MenuHeader.mixins/MenuHeader.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","menuHeaderSizeMixin","menuHeaderLegacyPaddingRight","menuHeaderPaddingX","menuHeaderFontSize","menuHeaderLineHeight","menuHeaderPaddingTop","menuHeaderPaddingBottom","legacyPaddingRight","parseFloat","paddingRight","_templateObject","_taggedTemplateLiteralLoose","withIconSizeMixin","menuItemPaddingForIcon","_templateObject2"],"sources":["MenuHeader.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const menuHeaderSizeMixin = (\n  menuHeaderLegacyPaddingRight: string,\n  menuHeaderPaddingX: string,\n  menuHeaderFontSize: string,\n  menuHeaderLineHeight: string,\n  menuHeaderPaddingTop: string,\n  menuHeaderPaddingBottom: string,\n) => {\n  const legacyPaddingRight = parseFloat(menuHeaderLegacyPaddingRight);\n  const paddingRight =\n    legacyPaddingRight !== 0 ? `${parseFloat(menuHeaderPaddingX) + legacyPaddingRight}px` : menuHeaderPaddingX;\n\n  return css`\n    font-size: ${menuHeaderFontSize};\n    line-height: ${menuHeaderLineHeight};\n    padding: ${menuHeaderPaddingTop} ${paddingRight} ${menuHeaderPaddingBottom} ${menuHeaderPaddingX};\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n  return css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"],"mappings":"sIAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA;AAC9BC,4BAAoC;AACpCC,kBAA0B;AAC1BC,kBAA0B;AAC1BC,oBAA4B;AAC5BC,oBAA4B;AAC5BC,uBAA+B;AAC5B;EACH,IAAMC,kBAAkB,GAAGC,UAAU,CAACP,4BAA4B,CAAC;EACnE,IAAMQ,YAAY;EAChBF,kBAAkB,KAAK,CAAC,GAAMC,UAAU,CAACN,kBAAkB,CAAC,GAAGK,kBAAkB,UAAOL,kBAAkB;;EAE5G,OAAOH,GAAG,CAAAW,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACKR,kBAAkB;EAChBC,oBAAoB;EACxBC,oBAAoB,EAAII,YAAY,EAAIH,uBAAuB,EAAIJ,kBAAkB;;AAEpG,CAAC;;AAED,OAAO,IAAMU,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAK;EACnE,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;EACQE,sBAAsB;;AAE1C,CAAC","ignoreList":[]}
+{"version":3,"names":["css","menuHeaderSizeMixin","menuHeaderPaddingX","menuHeaderFontSize","menuHeaderLineHeight","menuHeaderPaddingTop","menuHeaderPaddingBottom","paddingRight","_templateObject","_taggedTemplateLiteralLoose","withIconSizeMixin","menuItemPaddingForIcon","_templateObject2"],"sources":["MenuHeader.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const menuHeaderSizeMixin = (\n  menuHeaderPaddingX: string,\n  menuHeaderFontSize: string,\n  menuHeaderLineHeight: string,\n  menuHeaderPaddingTop: string,\n  menuHeaderPaddingBottom: string,\n) => {\n  const paddingRight = menuHeaderPaddingX;\n\n  return css`\n    font-size: ${menuHeaderFontSize};\n    line-height: ${menuHeaderLineHeight};\n    padding: ${menuHeaderPaddingTop} ${paddingRight} ${menuHeaderPaddingBottom} ${menuHeaderPaddingX};\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n  return css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"],"mappings":"sIAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA;AAC9BC,kBAA0B;AAC1BC,kBAA0B;AAC1BC,oBAA4B;AAC5BC,oBAA4B;AAC5BC,uBAA+B;AAC5B;EACH,IAAMC,YAAY,GAAGL,kBAAkB;;EAEvC,OAAOF,GAAG,CAAAQ,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACKN,kBAAkB;EAChBC,oBAAoB;EACxBC,oBAAoB,EAAIE,YAAY,EAAID,uBAAuB,EAAIJ,kBAAkB;;AAEpG,CAAC;;AAED,OAAO,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAK;EACnE,OAAOX,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;EACQE,sBAAsB;;AAE1C,CAAC","ignoreList":[]}

package/components/MenuHeader/MenuHeader.mixins.d.ts

@@ -1,2 +1,2 @@
-export declare const menuHeaderSizeMixin: (menuHeaderLegacyPaddingRight: string, menuHeaderPaddingX: string, menuHeaderFontSize: string, menuHeaderLineHeight: string, menuHeaderPaddingTop: string, menuHeaderPaddingBottom: string) => string;
+export declare const menuHeaderSizeMixin: (menuHeaderPaddingX: string, menuHeaderFontSize: string, menuHeaderLineHeight: string, menuHeaderPaddingTop: string, menuHeaderPaddingBottom: string) => string;
 export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;

package/components/MenuHeader/MenuHeader.styles/MenuHeader.styles.js

@@ -7,13 +7,13 @@ export var styles = memoizeStyle({
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: default;\n    "])), t.menuHeaderColor);
   },
   rootSmall: function rootSmall(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuHeaderSizeMixin(t.menuHeaderLegacyPaddingRight, t.menuHeaderPaddingXSmall, t.menuHeaderFontSizeSmall, t.menuHeaderLineHeightSmall, t.menuHeaderPaddingTopSmall, t.menuHeaderPaddingBottomSmall));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuHeaderSizeMixin(t.menuHeaderPaddingXSmall, t.menuHeaderFontSizeSmall, t.menuHeaderLineHeightSmall, t.menuHeaderPaddingTopSmall, t.menuHeaderPaddingBottomSmall));
   },
   rootMedium: function rootMedium(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuHeaderSizeMixin(t.menuHeaderLegacyPaddingRight, t.menuHeaderPaddingXMedium, t.menuHeaderFontSizeMedium, t.menuHeaderLineHeightMedium, t.menuHeaderPaddingTopMedium, t.menuHeaderPaddingBottomMedium));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuHeaderSizeMixin(t.menuHeaderPaddingXMedium, t.menuHeaderFontSizeMedium, t.menuHeaderLineHeightMedium, t.menuHeaderPaddingTopMedium, t.menuHeaderPaddingBottomMedium));
   },
   rootLarge: function rootLarge(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuHeaderSizeMixin(t.menuHeaderLegacyPaddingRight, t.menuHeaderPaddingXLarge, t.menuHeaderFontSizeLarge, t.menuHeaderLineHeightLarge, t.menuHeaderPaddingTopLarge, t.menuHeaderPaddingBottomLarge));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuHeaderSizeMixin(t.menuHeaderPaddingXLarge, t.menuHeaderFontSizeLarge, t.menuHeaderLineHeightLarge, t.menuHeaderPaddingTopLarge, t.menuHeaderPaddingBottomLarge));
   },
   withLeftPaddingSmall: function withLeftPaddingSmall(t) {
     return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconSmall));

package/components/MenuHeader/MenuHeader.styles/MenuHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","menuHeaderSizeMixin","withIconSizeMixin","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuHeaderColor","rootSmall","_templateObject2","menuHeaderLegacyPaddingRight","menuHeaderPaddingXSmall","menuHeaderFontSizeSmall","menuHeaderLineHeightSmall","menuHeaderPaddingTopSmall","menuHeaderPaddingBottomSmall","rootMedium","_templateObject3","menuHeaderPaddingXMedium","menuHeaderFontSizeMedium","menuHeaderLineHeightMedium","menuHeaderPaddingTopMedium","menuHeaderPaddingBottomMedium","rootLarge","_templateObject4","menuHeaderPaddingXLarge","menuHeaderFontSizeLarge","menuHeaderLineHeightLarge","menuHeaderPaddingTopLarge","menuHeaderPaddingBottomLarge","withLeftPaddingSmall","_templateObject5","menuItemPaddingForIconSmall","withLeftPaddingMedium","_templateObject6","menuItemPaddingForIconMedium","withLeftPaddingLarge","_templateObject7","menuItemPaddingForIconLarge"],"sources":["MenuHeader.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { menuHeaderSizeMixin, withIconSizeMixin } from './MenuHeader.mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.menuHeaderColor};\n      cursor: default;\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuHeaderSizeMixin(\n        t.menuHeaderLegacyPaddingRight,\n        t.menuHeaderPaddingXSmall,\n        t.menuHeaderFontSizeSmall,\n        t.menuHeaderLineHeightSmall,\n        t.menuHeaderPaddingTopSmall,\n        t.menuHeaderPaddingBottomSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuHeaderSizeMixin(\n        t.menuHeaderLegacyPaddingRight,\n        t.menuHeaderPaddingXMedium,\n        t.menuHeaderFontSizeMedium,\n        t.menuHeaderLineHeightMedium,\n        t.menuHeaderPaddingTopMedium,\n        t.menuHeaderPaddingBottomMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuHeaderSizeMixin(\n        t.menuHeaderLegacyPaddingRight,\n        t.menuHeaderPaddingXLarge,\n        t.menuHeaderFontSizeLarge,\n        t.menuHeaderLineHeightLarge,\n        t.menuHeaderPaddingTopLarge,\n        t.menuHeaderPaddingBottomLarge,\n      )};\n    `;\n  },\n\n  withLeftPaddingSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withLeftPaddingMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withLeftPaddingLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n});\n"],"mappings":"gOAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,qBAAqB;;AAE5E,OAAO,IAAMC,MAAM,GAAGH,YAAY,CAAC;EACjCI,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAON,GAAG,CAAAO,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACCF,CAAC,CAACG,eAAe;;;EAG9B,CAAC;;EAEDC,SAAS,WAAAA,UAACJ,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACM,4BAA4B;MAC9BN,CAAC,CAACO,uBAAuB;MACzBP,CAAC,CAACQ,uBAAuB;MACzBR,CAAC,CAACS,yBAAyB;MAC3BT,CAAC,CAACU,yBAAyB;MAC3BV,CAAC,CAACW;IACJ,CAAC;;EAEL,CAAC;EACDC,UAAU,WAAAA,WAACZ,CAAQ,EAAE;IACnB,OAAON,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACM,4BAA4B;MAC9BN,CAAC,CAACc,wBAAwB;MAC1Bd,CAAC,CAACe,wBAAwB;MAC1Bf,CAAC,CAACgB,0BAA0B;MAC5BhB,CAAC,CAACiB,0BAA0B;MAC5BjB,CAAC,CAACkB;IACJ,CAAC;;EAEL,CAAC;EACDC,SAAS,WAAAA,UAACnB,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACM,4BAA4B;MAC9BN,CAAC,CAACqB,uBAAuB;MACzBrB,CAAC,CAACsB,uBAAuB;MACzBtB,CAAC,CAACuB,yBAAyB;MAC3BvB,CAAC,CAACwB,yBAAyB;MAC3BxB,CAAC,CAACyB;IACJ,CAAC;;EAEL,CAAC;;EAEDC,oBAAoB,WAAAA,qBAAC1B,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAiC,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC4B,2BAA2B,CAAC;;EAEtD,CAAC;EACDC,qBAAqB,WAAAA,sBAAC7B,CAAQ,EAAE;IAC9B,OAAON,GAAG,CAAAoC,gBAAA,KAAAA,gBAAA,GAAA5B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC+B,4BAA4B,CAAC;;EAEvD,CAAC;EACDC,oBAAoB,WAAAA,qBAAChC,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAuC,gBAAA,KAAAA,gBAAA,GAAA/B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAACkC,2BAA2B,CAAC;;EAEtD;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","menuHeaderSizeMixin","withIconSizeMixin","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuHeaderColor","rootSmall","_templateObject2","menuHeaderPaddingXSmall","menuHeaderFontSizeSmall","menuHeaderLineHeightSmall","menuHeaderPaddingTopSmall","menuHeaderPaddingBottomSmall","rootMedium","_templateObject3","menuHeaderPaddingXMedium","menuHeaderFontSizeMedium","menuHeaderLineHeightMedium","menuHeaderPaddingTopMedium","menuHeaderPaddingBottomMedium","rootLarge","_templateObject4","menuHeaderPaddingXLarge","menuHeaderFontSizeLarge","menuHeaderLineHeightLarge","menuHeaderPaddingTopLarge","menuHeaderPaddingBottomLarge","withLeftPaddingSmall","_templateObject5","menuItemPaddingForIconSmall","withLeftPaddingMedium","_templateObject6","menuItemPaddingForIconMedium","withLeftPaddingLarge","_templateObject7","menuItemPaddingForIconLarge"],"sources":["MenuHeader.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { menuHeaderSizeMixin, withIconSizeMixin } from './MenuHeader.mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.menuHeaderColor};\n      cursor: default;\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuHeaderSizeMixin(\n        t.menuHeaderPaddingXSmall,\n        t.menuHeaderFontSizeSmall,\n        t.menuHeaderLineHeightSmall,\n        t.menuHeaderPaddingTopSmall,\n        t.menuHeaderPaddingBottomSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuHeaderSizeMixin(\n        t.menuHeaderPaddingXMedium,\n        t.menuHeaderFontSizeMedium,\n        t.menuHeaderLineHeightMedium,\n        t.menuHeaderPaddingTopMedium,\n        t.menuHeaderPaddingBottomMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuHeaderSizeMixin(\n        t.menuHeaderPaddingXLarge,\n        t.menuHeaderFontSizeLarge,\n        t.menuHeaderLineHeightLarge,\n        t.menuHeaderPaddingTopLarge,\n        t.menuHeaderPaddingBottomLarge,\n      )};\n    `;\n  },\n\n  withLeftPaddingSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withLeftPaddingMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withLeftPaddingLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n});\n"],"mappings":"gOAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,qBAAqB;;AAE5E,OAAO,IAAMC,MAAM,GAAGH,YAAY,CAAC;EACjCI,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAON,GAAG,CAAAO,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACCF,CAAC,CAACG,eAAe;;;EAG9B,CAAC;;EAEDC,SAAS,WAAAA,UAACJ,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACM,uBAAuB;MACzBN,CAAC,CAACO,uBAAuB;MACzBP,CAAC,CAACQ,yBAAyB;MAC3BR,CAAC,CAACS,yBAAyB;MAC3BT,CAAC,CAACU;IACJ,CAAC;;EAEL,CAAC;EACDC,UAAU,WAAAA,WAACX,CAAQ,EAAE;IACnB,OAAON,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACa,wBAAwB;MAC1Bb,CAAC,CAACc,wBAAwB;MAC1Bd,CAAC,CAACe,0BAA0B;MAC5Bf,CAAC,CAACgB,0BAA0B;MAC5BhB,CAAC,CAACiB;IACJ,CAAC;;EAEL,CAAC;EACDC,SAAS,WAAAA,UAAClB,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACoB,uBAAuB;MACzBpB,CAAC,CAACqB,uBAAuB;MACzBrB,CAAC,CAACsB,yBAAyB;MAC3BtB,CAAC,CAACuB,yBAAyB;MAC3BvB,CAAC,CAACwB;IACJ,CAAC;;EAEL,CAAC;;EAEDC,oBAAoB,WAAAA,qBAACzB,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAgC,gBAAA,KAAAA,gBAAA,GAAAxB,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC2B,2BAA2B,CAAC;;EAEtD,CAAC;EACDC,qBAAqB,WAAAA,sBAAC5B,CAAQ,EAAE;IAC9B,OAAON,GAAG,CAAAmC,gBAAA,KAAAA,gBAAA,GAAA3B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC8B,4BAA4B,CAAC;;EAEvD,CAAC;EACDC,oBAAoB,WAAAA,qBAAC/B,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAsC,gBAAA,KAAAA,gBAAA,GAAA9B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAACiC,2BAA2B,CAAC;;EAEtD;AACF,CAAC,CAAC","ignoreList":[]}