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

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

@@ -1,9 +1,9 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MenuFooter = MenuFooter;exports.isMenuFooter = exports.MenuFooterDataTids = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
 
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
 
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _MenuFooter = require("./MenuFooter.styles");var _excluded = ["id", "_enableIconPadding", "children", "size"];
 
@@ -14,42 +14,44 @@ var _MenuFooter = require("./MenuFooter.styles");var _excluded = ["id", "_enable
 
 
 
+
+
+
+
 var MenuFooterDataTids = exports.MenuFooterDataTids = {
   root: 'MenuFooter__root'
 };
 
 /**
- * Футер меню.
+ * Футер меню `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 _emotion$cx;var id = _ref.id,_ref$_enableIconPaddi = _ref._enableIconPadding,_enableIconPadding = _ref$_enableIconPaddi === void 0 ? false : _ref$_enableIconPaddi,children = _ref.children,_ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+function MenuFooter(_ref) {var _cx;var id = _ref.id,_ref$_enableIconPaddi = _ref._enableIconPadding,_enableIconPadding = _ref$_enableIconPaddi === void 0 ? false : _ref$_enableIconPaddi,children = _ref.children,_ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
-  var emotion = (0, _react.useContext)(_Emotion.EmotionContext);
-  var styles = (0, _MenuFooter.getStyles)(emotion);
 
   function getRootSizeClassName() {
     switch (size) {
       case 'large':
-        return styles.rootLarge(theme);
+        return _MenuFooter.styles.rootLarge(theme);
       case 'medium':
-        return styles.rootMedium(theme);
+        return _MenuFooter.styles.rootMedium(theme);
       case 'small':
       default:
-        return styles.rootSmall(theme);
+        return _MenuFooter.styles.rootSmall(theme);
     }
   }
   function getWithLeftPaddingSizeClassName() {
     switch (size) {
       case 'large':
-        return styles.withLeftPaddingSmall(theme);
+        return _MenuFooter.styles.withLeftPaddingSmall(theme);
       case 'medium':
-        return styles.withLeftPaddingMedium(theme);
+        return _MenuFooter.styles.withLeftPaddingMedium(theme);
       case 'small':
       default:
-        return styles.withLeftPaddingSmall(theme);
+        return _MenuFooter.styles.withLeftPaddingSmall(theme);
     }
   }
 
@@ -58,9 +60,9 @@ function MenuFooter(_ref) {var _emotion$cx;var id = _ref.id,_ref$_enableIconPadd
     _react.default.createElement("div", {
       id: id,
       "data-tid": MenuFooterDataTids.root,
-      className: emotion.cx(getRootSizeClassName(), (_emotion$cx = {}, _emotion$cx[
-      styles.root(theme)] = true, _emotion$cx[
-      getWithLeftPaddingSizeClassName()] = _enableIconPadding, _emotion$cx)
+      className: (0, _Emotion.cx)(getRootSizeClassName(), (_cx = {}, _cx[
+      _MenuFooter.styles.root(theme)] = true, _cx[
+      getWithLeftPaddingSizeClassName()] = _enableIconPadding, _cx)
       ) },
 
     children

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_CommonWrapper","_Emotion","_ThemeContext","_MenuFooter","_excluded","MenuFooterDataTids","exports","root","MenuFooter","_ref","_emotion$cx","id","_ref$_enableIconPaddi","_enableIconPadding","children","_ref$size","size","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","emotion","EmotionContext","styles","getStyles","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","createElement","CommonWrapper","className","cx","__KONTUR_REACT_UI__","displayName","__MENU_FOOTER__","isMenuFooter","child","React","isValidElement","Object","prototype","hasOwnProperty","call","type"],"sources":["MenuFooter.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, useContext } from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { SizeProp } from '../../lib/types/props';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } 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  const emotion = useContext(EmotionContext);\n  const styles = getStyles(emotion);\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={emotion.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":"0bAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;;AAEA,IAAAG,aAAA,GAAAH,OAAA;;AAEA,IAAAI,WAAA,GAAAJ,OAAA,wBAAgD,IAAAK,SAAA;;;;;;;;;AASzC,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChCE,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAAC,IAAA,EAAyF,KAAAC,WAAA,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,OAAAC,8BAAA,CAAAC,OAAA,EAAAV,IAAA,EAAAL,SAAA;EACrF,IAAMgB,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAMC,OAAO,GAAG,IAAAF,iBAAU,EAACG,uBAAc,CAAC;EAC1C,IAAMC,MAAM,GAAG,IAAAC,qBAAS,EAACH,OAAO,CAAC;;EAEjC,SAASI,oBAAoBA,CAAA,EAAG;IAC9B,QAAQX,IAAI;MACV,KAAK,OAAO;QACV,OAAOS,MAAM,CAACG,SAAS,CAACR,KAAK,CAAC;MAChC,KAAK,QAAQ;QACX,OAAOK,MAAM,CAACI,UAAU,CAACT,KAAK,CAAC;MACjC,KAAK,OAAO;MACZ;QACE,OAAOK,MAAM,CAACK,SAAS,CAACV,KAAK,CAAC;IAClC;EACF;EACA,SAASW,+BAA+BA,CAAA,EAAG;IACzC,QAAQf,IAAI;MACV,KAAK,OAAO;QACV,OAAOS,MAAM,CAACO,oBAAoB,CAACZ,KAAK,CAAC;MAC3C,KAAK,QAAQ;QACX,OAAOK,MAAM,CAACQ,qBAAqB,CAACb,KAAK,CAAC;MAC5C,KAAK,OAAO;MACZ;QACE,OAAOK,MAAM,CAACO,oBAAoB,CAACZ,KAAK,CAAC;IAC7C;EACF;;EAEA;IACEvB,MAAA,CAAAsB,OAAA,CAAAe,aAAA,CAAClC,cAAA,CAAAmC,aAAa,EAAKlB,IAAI;IACrBpB,MAAA,CAAAsB,OAAA,CAAAe,aAAA;MACEvB,EAAE,EAAEA,EAAG;MACP,YAAUN,kBAAkB,CAACE,IAAK;MAClC6B,SAAS,EAAEb,OAAO,CAACc,EAAE,CAACV,oBAAoB,CAAC,CAAC,GAAAjB,WAAA,OAAAA,WAAA;MACzCe,MAAM,CAAClB,IAAI,CAACa,KAAK,CAAC,IAAG,IAAI,EAAAV,WAAA;MACzBqB,+BAA+B,CAAC,CAAC,IAAGlB,kBAAkB,EAAAH,WAAA;MACxD,CAAE;;IAEFI;IACE;IACQ,CAAC;;AAEpB;;AAEAN,UAAU,CAAC8B,mBAAmB,GAAG,YAAY;AAC7C9B,UAAU,CAAC+B,WAAW,GAAG,YAAY;AACrC/B,UAAU,CAACgC,eAAe,GAAG,IAAI;;;;AAI1B,IAAMC,YAAY,GAAAnC,OAAA,CAAAmC,YAAA,GAAG,SAAfA,YAAYA,CAAIC,KAAsB,EAAmD;EACpG,OAAO,aAAAC,cAAK,CAACC,cAAc,CAAkBF,KAAK,CAAC;EAC/CG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,KAAK,CAACO,IAAI,EAAE,iBAAiB,CAAC;EACnE,KAAK;AACX,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ThemeContext","_CommonWrapper","_Emotion","_MenuFooter","_excluded","MenuFooterDataTids","exports","root","MenuFooter","_ref","_cx","id","_ref$_enableIconPaddi","_enableIconPadding","children","_ref$size","size","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","getRootSizeClassName","styles","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","createElement","CommonWrapper","className","cx","__KONTUR_REACT_UI__","displayName","__MENU_FOOTER__","isMenuFooter","child","React","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":"0bAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;;;AAGA,IAAAI,WAAA,GAAAJ,OAAA,wBAA6C,IAAAK,SAAA;;;;;;;;;;;;;AAatC,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChCE,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,OAAAC,8BAAA,CAAAC,OAAA,EAAAV,IAAA,EAAAL,SAAA;EACrF,IAAMgB,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;EAEtC,SAASC,oBAAoBA,CAAA,EAAG;IAC9B,QAAQP,IAAI;MACV,KAAK,OAAO;QACV,OAAOQ,kBAAM,CAACC,SAAS,CAACL,KAAK,CAAC;MAChC,KAAK,QAAQ;QACX,OAAOI,kBAAM,CAACE,UAAU,CAACN,KAAK,CAAC;MACjC,KAAK,OAAO;MACZ;QACE,OAAOI,kBAAM,CAACG,SAAS,CAACP,KAAK,CAAC;IAClC;EACF;EACA,SAASQ,+BAA+BA,CAAA,EAAG;IACzC,QAAQZ,IAAI;MACV,KAAK,OAAO;QACV,OAAOQ,kBAAM,CAACK,oBAAoB,CAACT,KAAK,CAAC;MAC3C,KAAK,QAAQ;QACX,OAAOI,kBAAM,CAACM,qBAAqB,CAACV,KAAK,CAAC;MAC5C,KAAK,OAAO;MACZ;QACE,OAAOI,kBAAM,CAACK,oBAAoB,CAACT,KAAK,CAAC;IAC7C;EACF;;EAEA;IACEvB,MAAA,CAAAsB,OAAA,CAAAY,aAAA,CAAC9B,cAAA,CAAA+B,aAAa,EAAKf,IAAI;IACrBpB,MAAA,CAAAsB,OAAA,CAAAY,aAAA;MACEpB,EAAE,EAAEA,EAAG;MACP,YAAUN,kBAAkB,CAACE,IAAK;MAClC0B,SAAS,EAAE,IAAAC,WAAE,EAACX,oBAAoB,CAAC,CAAC,GAAAb,GAAA,OAAAA,GAAA;MACjCc,kBAAM,CAACjB,IAAI,CAACa,KAAK,CAAC,IAAG,IAAI,EAAAV,GAAA;MACzBkB,+BAA+B,CAAC,CAAC,IAAGf,kBAAkB,EAAAH,GAAA;MACxD,CAAE;;IAEFI;IACE;IACQ,CAAC;;AAEpB;;AAEAN,UAAU,CAAC2B,mBAAmB,GAAG,YAAY;AAC7C3B,UAAU,CAAC4B,WAAW,GAAG,YAAY;AACrC5B,UAAU,CAAC6B,eAAe,GAAG,IAAI;;;;AAI1B,IAAMC,YAAY,GAAAhC,OAAA,CAAAgC,YAAA,GAAG,SAAfA,YAAYA,CAAIC,KAAsB,EAAmD;EACpG,OAAO,aAAAC,cAAK,CAACC,cAAc,CAAkBF,KAAK,CAAC;EAC/CG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,KAAK,CAACO,IAAI,EAAE,iBAAiB,CAAC;EACnE,KAAK;AACX,CAAC","ignoreList":[]}

package/cjs/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/cjs/components/MenuFooter/MenuFooter.mixins.d.ts

@@ -1,3 +1,2 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const menuFooterSizeMixin: (emotion: Emotion) => (menuFooterPaddingX: string, menuFooterFontSize: string, menuFooterLineHeight: string, menuFooterPaddingTop: string, menuFooterPaddingBottom: string) => string;
-export declare const withIconSizeMixin: (emotion: Emotion) => (menuItemPaddingForIcon: 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/cjs/components/MenuFooter/MenuFooter.mixins.js

@@ -1,25 +1,23 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.withIconSizeMixin = exports.menuFooterSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _templateObject, _templateObject2;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.withIconSizeMixin = exports.menuFooterSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
 
-var menuFooterSizeMixin = exports.menuFooterSizeMixin =
-function menuFooterSizeMixin(emotion) {return (
-    function (
-    menuFooterPaddingX,
-    menuFooterFontSize,
-    menuFooterLineHeight,
-    menuFooterPaddingTop,
-    menuFooterPaddingBottom)
-    {
-      var paddingRight = menuFooterPaddingX;
+var menuFooterSizeMixin = exports.menuFooterSizeMixin = function menuFooterSizeMixin(
+menuFooterPaddingX,
+menuFooterFontSize,
+menuFooterLineHeight,
+menuFooterPaddingTop,
+menuFooterPaddingBottom)
+{
+  var paddingRight = menuFooterPaddingX;
 
-      return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " ", " ", " ", ";\n  "])),
-      menuFooterFontSize,
-      menuFooterLineHeight,
-      menuFooterPaddingTop, paddingRight, menuFooterPaddingBottom, menuFooterPaddingX);
+  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " ", " ", " ", ";\n  "])),
+  menuFooterFontSize,
+  menuFooterLineHeight,
+  menuFooterPaddingTop, paddingRight, menuFooterPaddingBottom, menuFooterPaddingX);
 
-    });};
+};
 
-var withIconSizeMixin = exports.withIconSizeMixin = function withIconSizeMixin(emotion) {return function (menuItemPaddingForIcon) {
-    return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding-left: ", ";\n  "])),
-    menuItemPaddingForIcon);
+var withIconSizeMixin = exports.withIconSizeMixin = function withIconSizeMixin(menuItemPaddingForIcon) {
+  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding-left: ", ";\n  "])),
+  menuItemPaddingForIcon);
 
-  };};
+};

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

@@ -1 +1 @@
-{"version":3,"names":["menuFooterSizeMixin","exports","emotion","menuFooterPaddingX","menuFooterFontSize","menuFooterLineHeight","menuFooterPaddingTop","menuFooterPaddingBottom","paddingRight","css","_templateObject","_taggedTemplateLiteralLoose2","default","withIconSizeMixin","menuItemPaddingForIcon","_templateObject2"],"sources":["MenuFooter.mixins.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nexport const menuFooterSizeMixin =\n  (emotion: Emotion) =>\n  (\n    menuFooterPaddingX: string,\n    menuFooterFontSize: string,\n    menuFooterLineHeight: string,\n    menuFooterPaddingTop: string,\n    menuFooterPaddingBottom: string,\n  ) => {\n    const paddingRight = menuFooterPaddingX;\n\n    return emotion.css`\n    font-size: ${menuFooterFontSize};\n    line-height: ${menuFooterLineHeight};\n    padding: ${menuFooterPaddingTop} ${paddingRight} ${menuFooterPaddingBottom} ${menuFooterPaddingX};\n  `;\n  };\n\nexport const withIconSizeMixin = (emotion: Emotion) => (menuItemPaddingForIcon: string) => {\n  return emotion.css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"],"mappings":";;AAEO,IAAMA,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA;AAC9B,SADWA,mBAAmBA,CAC7BE,OAAgB;IACjB;IACEC,kBAA0B;IAC1BC,kBAA0B;IAC1BC,oBAA4B;IAC5BC,oBAA4B;IAC5BC,uBAA+B;IAC5B;MACH,IAAMC,YAAY,GAAGL,kBAAkB;;MAEvC,OAAOD,OAAO,CAACO,GAAG,CAAAC,eAAA,KAAAA,eAAA,OAAAC,4BAAA,CAAAC,OAAA;MACLR,kBAAkB;MAChBC,oBAAoB;MACxBC,oBAAoB,EAAIE,YAAY,EAAID,uBAAuB,EAAIJ,kBAAkB;;IAElG,CAAC;;AAEI,IAAMU,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIX,OAAgB,UAAK,UAACY,sBAA8B,EAAK;IACzF,OAAOZ,OAAO,CAACO,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,OAAAJ,4BAAA,CAAAC,OAAA;IACAE,sBAAsB;;EAE1C,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","menuFooterSizeMixin","exports","menuFooterPaddingX","menuFooterFontSize","menuFooterLineHeight","menuFooterPaddingTop","menuFooterPaddingBottom","paddingRight","css","_taggedTemplateLiteralLoose2","default","withIconSizeMixin","menuItemPaddingForIcon"],"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":"6TAAA,IAAAA,QAAA,GAAAC,OAAA,8BAAgD,IAAAC,eAAA,EAAAC,gBAAA;;AAEzC,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA;AAC9BE,kBAA0B;AAC1BC,kBAA0B;AAC1BC,oBAA4B;AAC5BC,oBAA4B;AAC5BC,uBAA+B;AAC5B;EACH,IAAMC,YAAY,GAAGL,kBAAkB;;EAEvC,WAAOM,YAAG,EAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;EACKP,kBAAkB;EAChBC,oBAAoB;EACxBC,oBAAoB,EAAIE,YAAY,EAAID,uBAAuB,EAAIJ,kBAAkB;;AAEpG,CAAC;;AAEM,IAAMS,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAK;EACnE,WAAOJ,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;EACQE,sBAAsB;;AAE1C,CAAC","ignoreList":[]}

package/cjs/components/MenuFooter/MenuFooter.styles.d.ts

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

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

@@ -1,66 +1,63 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
-var _Emotion = require("../../lib/theming/Emotion");
+"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 _MenuFooter = require("./MenuFooter.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root(t) {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        cursor: default;\n      "])),
-        t.menuFooterColor);
-
-
-      },
-
-      rootSmall: function rootSmall(t) {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _MenuFooter.menuFooterSizeMixin)(emotion)(
-          t.menuFooterPaddingXSmall,
-          t.menuFooterFontSizeSmall,
-          t.menuFooterLineHeightSmall,
-          t.menuFooterPaddingTopSmall,
-          t.menuFooterPaddingBottomSmall
-        ));
-
-      },
-      rootMedium: function rootMedium(t) {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _MenuFooter.menuFooterSizeMixin)(emotion)(
-          t.menuFooterPaddingXMedium,
-          t.menuFooterFontSizeMedium,
-          t.menuFooterLineHeightMedium,
-          t.menuFooterPaddingTopMedium,
-          t.menuFooterPaddingBottomMedium
-        ));
-
-      },
-      rootLarge: function rootLarge(t) {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _MenuFooter.menuFooterSizeMixin)(emotion)(
-          t.menuFooterPaddingXLarge,
-          t.menuFooterFontSizeLarge,
-          t.menuFooterLineHeightLarge,
-          t.menuFooterPaddingTopLarge,
-          t.menuFooterPaddingBottomLarge
-        ));
-
-      },
-
-      withLeftPaddingSmall: function withLeftPaddingSmall(t) {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-        (0, _MenuFooter.withIconSizeMixin)(emotion)(t.menuItemPaddingForIconSmall));
-
-      },
-      withLeftPaddingMedium: function withLeftPaddingMedium(t) {
-        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-        (0, _MenuFooter.withIconSizeMixin)(emotion)(t.menuItemPaddingForIconMedium));
-
-      },
-      withLeftPaddingLarge: function withLeftPaddingLarge(t) {
-        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-        (0, _MenuFooter.withIconSizeMixin)(emotion)(t.menuItemPaddingForIconLarge));
-
-      }
-    }));};
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
+    t.menuFooterColor);
+
+
+  },
+
+  rootSmall: function rootSmall(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _MenuFooter.menuFooterSizeMixin)(
+      t.menuFooterPaddingXSmall,
+      t.menuFooterFontSizeSmall,
+      t.menuFooterLineHeightSmall,
+      t.menuFooterPaddingTopSmall,
+      t.menuFooterPaddingBottomSmall
+    ));
+
+  },
+  rootMedium: function rootMedium(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _MenuFooter.menuFooterSizeMixin)(
+      t.menuFooterPaddingXMedium,
+      t.menuFooterFontSizeMedium,
+      t.menuFooterLineHeightMedium,
+      t.menuFooterPaddingTopMedium,
+      t.menuFooterPaddingBottomMedium
+    ));
+
+  },
+  rootLarge: function rootLarge(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _MenuFooter.menuFooterSizeMixin)(
+      t.menuFooterPaddingXLarge,
+      t.menuFooterFontSizeLarge,
+      t.menuFooterLineHeightLarge,
+      t.menuFooterPaddingTopLarge,
+      t.menuFooterPaddingBottomLarge
+    ));
+
+  },
+
+  withLeftPaddingSmall: function withLeftPaddingSmall(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _MenuFooter.withIconSizeMixin)(t.menuItemPaddingForIconSmall));
+
+  },
+  withLeftPaddingMedium: function withLeftPaddingMedium(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _MenuFooter.withIconSizeMixin)(t.menuItemPaddingForIconMedium));
+
+  },
+  withLeftPaddingLarge: function withLeftPaddingLarge(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _MenuFooter.withIconSizeMixin)(t.menuItemPaddingForIconLarge));
+
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_MenuFooter","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","getStyles","exports","emotion","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","menuFooterColor","rootSmall","menuFooterSizeMixin","menuFooterPaddingXSmall","menuFooterFontSizeSmall","menuFooterLineHeightSmall","menuFooterPaddingTopSmall","menuFooterPaddingBottomSmall","rootMedium","menuFooterPaddingXMedium","menuFooterFontSizeMedium","menuFooterLineHeightMedium","menuFooterPaddingTopMedium","menuFooterPaddingBottomMedium","rootLarge","menuFooterPaddingXLarge","menuFooterFontSizeLarge","menuFooterLineHeightLarge","menuFooterPaddingTopLarge","menuFooterPaddingBottomLarge","withLeftPaddingSmall","withIconSizeMixin","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","menuItemPaddingForIconLarge"],"sources":["MenuFooter.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        color: ${t.menuFooterColor};\n        cursor: default;\n      `;\n    },\n\n    rootSmall(t: Theme) {\n      return emotion.css`\n        ${menuFooterSizeMixin(emotion)(\n          t.menuFooterPaddingXSmall,\n          t.menuFooterFontSizeSmall,\n          t.menuFooterLineHeightSmall,\n          t.menuFooterPaddingTopSmall,\n          t.menuFooterPaddingBottomSmall,\n        )};\n      `;\n    },\n    rootMedium(t: Theme) {\n      return emotion.css`\n        ${menuFooterSizeMixin(emotion)(\n          t.menuFooterPaddingXMedium,\n          t.menuFooterFontSizeMedium,\n          t.menuFooterLineHeightMedium,\n          t.menuFooterPaddingTopMedium,\n          t.menuFooterPaddingBottomMedium,\n        )};\n      `;\n    },\n    rootLarge(t: Theme) {\n      return emotion.css`\n        ${menuFooterSizeMixin(emotion)(\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 emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconSmall)}\n      `;\n    },\n    withLeftPaddingMedium(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconMedium)}\n      `;\n    },\n    withLeftPaddingLarge(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconLarge)}\n      `;\n    },\n  });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA;;;AAGA,IAAAC,WAAA,GAAAD,OAAA,wBAA6E,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEtE,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,OAAOH,OAAO,CAACI,GAAG,CAAAb,eAAA,KAAAA,eAAA,OAAAc,4BAAA,CAAAC,OAAA;QACPH,CAAC,CAACI,eAAe;;;MAG9B,CAAC;;MAEDC,SAAS,WAAAA,UAACL,CAAQ,EAAE;QAClB,OAAOH,OAAO,CAACI,GAAG,CAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;QACd,IAAAG,+BAAmB,EAACT,OAAO,CAAC;UAC5BG,CAAC,CAACO,uBAAuB;UACzBP,CAAC,CAACQ,uBAAuB;UACzBR,CAAC,CAACS,yBAAyB;UAC3BT,CAAC,CAACU,yBAAyB;UAC3BV,CAAC,CAACW;QACJ,CAAC;;MAEL,CAAC;MACDC,UAAU,WAAAA,WAACZ,CAAQ,EAAE;QACnB,OAAOH,OAAO,CAACI,GAAG,CAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;QACd,IAAAG,+BAAmB,EAACT,OAAO,CAAC;UAC5BG,CAAC,CAACa,wBAAwB;UAC1Bb,CAAC,CAACc,wBAAwB;UAC1Bd,CAAC,CAACe,0BAA0B;UAC5Bf,CAAC,CAACgB,0BAA0B;UAC5BhB,CAAC,CAACiB;QACJ,CAAC;;MAEL,CAAC;MACDC,SAAS,WAAAA,UAAClB,CAAQ,EAAE;QAClB,OAAOH,OAAO,CAACI,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;QACd,IAAAG,+BAAmB,EAACT,OAAO,CAAC;UAC5BG,CAAC,CAACmB,uBAAuB;UACzBnB,CAAC,CAACoB,uBAAuB;UACzBpB,CAAC,CAACqB,yBAAyB;UAC3BrB,CAAC,CAACsB,yBAAyB;UAC3BtB,CAAC,CAACuB;QACJ,CAAC;;MAEL,CAAC;;MAEDC,oBAAoB,WAAAA,qBAACxB,CAAQ,EAAE;QAC7B,OAAOH,OAAO,CAACI,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;QACd,IAAAsB,6BAAiB,EAAC5B,OAAO,CAAC,CAACG,CAAC,CAAC0B,2BAA2B,CAAC;;MAE/D,CAAC;MACDC,qBAAqB,WAAAA,sBAAC3B,CAAQ,EAAE;QAC9B,OAAOH,OAAO,CAACI,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;QACd,IAAAsB,6BAAiB,EAAC5B,OAAO,CAAC,CAACG,CAAC,CAAC4B,4BAA4B,CAAC;;MAEhE,CAAC;MACDC,oBAAoB,WAAAA,qBAAC7B,CAAQ,EAAE;QAC7B,OAAOH,OAAO,CAACI,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;QACd,IAAAsB,6BAAiB,EAAC5B,OAAO,CAAC,CAACG,CAAC,CAAC8B,2BAA2B,CAAC;;MAE/D;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_MenuFooter","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","menuFooterColor","rootSmall","menuFooterSizeMixin","menuFooterPaddingXSmall","menuFooterFontSizeSmall","menuFooterLineHeightSmall","menuFooterPaddingTopSmall","menuFooterPaddingBottomSmall","rootMedium","menuFooterPaddingXMedium","menuFooterFontSizeMedium","menuFooterLineHeightMedium","menuFooterPaddingTopMedium","menuFooterPaddingBottomMedium","rootLarge","menuFooterPaddingXLarge","menuFooterFontSizeLarge","menuFooterLineHeightLarge","menuFooterPaddingTopLarge","menuFooterPaddingBottomLarge","withLeftPaddingSmall","withIconSizeMixin","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","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":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;;AAGA,IAAAC,WAAA,GAAAD,OAAA,wBAA6E,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEtE,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAZ,eAAA,KAAAA,eAAA,OAAAa,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACI,eAAe;;;EAG9B,CAAC;;EAEDC,SAAS,WAAAA,UAACL,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACN,IAAAG,+BAAmB;MACnBN,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,WAAOC,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACN,IAAAG,+BAAmB;MACnBN,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,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACN,IAAAG,+BAAmB;MACnBN,CAAC,CAACmB,uBAAuB;MACzBnB,CAAC,CAACoB,uBAAuB;MACzBpB,CAAC,CAACqB,yBAAyB;MAC3BrB,CAAC,CAACsB,yBAAyB;MAC3BtB,CAAC,CAACuB;IACJ,CAAC;;EAEL,CAAC;;EAEDC,oBAAoB,WAAAA,qBAACxB,CAAQ,EAAE;IAC7B,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACN,IAAAsB,6BAAiB,EAACzB,CAAC,CAAC0B,2BAA2B,CAAC;;EAEtD,CAAC;EACDC,qBAAqB,WAAAA,sBAAC3B,CAAQ,EAAE;IAC9B,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACN,IAAAsB,6BAAiB,EAACzB,CAAC,CAAC4B,4BAA4B,CAAC;;EAEvD,CAAC;EACDC,oBAAoB,WAAAA,qBAAC7B,CAAQ,EAAE;IAC7B,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACN,IAAAsB,6BAAiB,EAACzB,CAAC,CAAC8B,2BAA2B,CAAC;;EAEtD;AACF,CAAC,CAAC","ignoreList":[]}