@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

package/cjs/components/MenuFooter/MenuFooter.md

@@ -0,0 +1,27 @@
+### Базовый пример меню с заголовками
+
+```jsx harmony
+import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
+
+<DropdownMenu
+  menuMaxHeight="10rem"
+  caption={<Button use="primary">Сотрудники компании</Button>}
+  >
+  <MenuItem>Вася</MenuItem>
+  <MenuItem>Петя</MenuItem>
+  <MenuItem>Маша</MenuItem>
+  <MenuFooter>Всего 3 человека</MenuFooter>
+</DropdownMenu>
+```
+
+### Размер
+
+```jsx harmony
+import { Gapped } from '@skbkontur/react-ui';
+
+<Gapped vertical>
+  <MenuFooter size={'small'}>Маленький</MenuFooter>
+  <MenuFooter size={'medium'}>Средний</MenuFooter>
+  <MenuFooter size={'large'}>Большой</MenuFooter>
+</Gapped>
+```

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

@@ -1,3 +1,2 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
-export declare const menuFooterSizeMixin: (menuFooterPaddingX: string, menuFooterFontSize: string, menuFooterLineHeight: string, menuFooterPaddingTop: string, menuFooterPaddingBottom: string, emotion: Emotion) => string;
-export declare const withIconSizeMixin: (menuItemPaddingForIcon: string, emotion: Emotion) => 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,24 +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(
 menuFooterPaddingX,
 menuFooterFontSize,
 menuFooterLineHeight,
 menuFooterPaddingTop,
-menuFooterPaddingBottom,
-emotion)
+menuFooterPaddingBottom)
 {
   var paddingRight = menuFooterPaddingX;
 
-  return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " ", " ", " ", ";\n  "])),
+  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(menuItemPaddingForIcon, emotion) {
-  return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding-left: ", ";\n  "])),
+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","menuFooterPaddingX","menuFooterFontSize","menuFooterLineHeight","menuFooterPaddingTop","menuFooterPaddingBottom","emotion","paddingRight","css","_templateObject","_taggedTemplateLiteralLoose2","default","withIconSizeMixin","menuItemPaddingForIcon","_templateObject2"],"sources":["MenuFooter.mixins.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nexport const menuFooterSizeMixin = (\n  menuFooterPaddingX: string,\n  menuFooterFontSize: string,\n  menuFooterLineHeight: string,\n  menuFooterPaddingTop: string,\n  menuFooterPaddingBottom: string,\n  emotion: Emotion,\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 = (menuItemPaddingForIcon: string, emotion: Emotion) => {\n  return emotion.css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"],"mappings":";;AAEO,IAAMA,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA;AAC9BE,kBAA0B;AAC1BC,kBAA0B;AAC1BC,oBAA4B;AAC5BC,oBAA4B;AAC5BC,uBAA+B;AAC/BC,OAAgB;AACb;EACH,IAAMC,YAAY,GAAGN,kBAAkB;;EAEvC,OAAOK,OAAO,CAACE,GAAG,CAAAC,eAAA,KAAAA,eAAA,OAAAC,4BAAA,CAAAC,OAAA;EACHT,kBAAkB;EAChBC,oBAAoB;EACxBC,oBAAoB,EAAIG,YAAY,EAAIF,uBAAuB,EAAIJ,kBAAkB;;AAEpG,CAAC;;AAEM,IAAMW,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAEP,OAAgB,EAAK;EACrF,OAAOA,OAAO,CAACE,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,OAAAJ,4BAAA,CAAAC,OAAA;EACAE,sBAAsB;;AAE1C,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/types/create-instance';
 import type { 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,69 +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)(
-          t.menuFooterPaddingXSmall,
-          t.menuFooterFontSizeSmall,
-          t.menuFooterLineHeightSmall,
-          t.menuFooterPaddingTopSmall,
-          t.menuFooterPaddingBottomSmall,
-          emotion
-        ));
-
-      },
-      rootMedium: function rootMedium(t) {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _MenuFooter.menuFooterSizeMixin)(
-          t.menuFooterPaddingXMedium,
-          t.menuFooterFontSizeMedium,
-          t.menuFooterLineHeightMedium,
-          t.menuFooterPaddingTopMedium,
-          t.menuFooterPaddingBottomMedium,
-          emotion
-        ));
-
-      },
-      rootLarge: function rootLarge(t) {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _MenuFooter.menuFooterSizeMixin)(
-          t.menuFooterPaddingXLarge,
-          t.menuFooterFontSizeLarge,
-          t.menuFooterLineHeightLarge,
-          t.menuFooterPaddingTopLarge,
-          t.menuFooterPaddingBottomLarge,
-          emotion
-        ));
-
-      },
-
-      withLeftPaddingSmall: function withLeftPaddingSmall(t) {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-        (0, _MenuFooter.withIconSizeMixin)(t.menuItemPaddingForIconSmall, emotion));
-
-      },
-      withLeftPaddingMedium: function withLeftPaddingMedium(t) {
-        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-        (0, _MenuFooter.withIconSizeMixin)(t.menuItemPaddingForIconMedium, emotion));
-
-      },
-      withLeftPaddingLarge: function withLeftPaddingLarge(t) {
-        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-        (0, _MenuFooter.withIconSizeMixin)(t.menuItemPaddingForIconLarge, emotion));
-
-      }
-    }));};
+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/types/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport type { 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(\n          t.menuFooterPaddingXSmall,\n          t.menuFooterFontSizeSmall,\n          t.menuFooterLineHeightSmall,\n          t.menuFooterPaddingTopSmall,\n          t.menuFooterPaddingBottomSmall,\n          emotion,\n        )};\n      `;\n    },\n    rootMedium(t: Theme) {\n      return emotion.css`\n        ${menuFooterSizeMixin(\n          t.menuFooterPaddingXMedium,\n          t.menuFooterFontSizeMedium,\n          t.menuFooterLineHeightMedium,\n          t.menuFooterPaddingTopMedium,\n          t.menuFooterPaddingBottomMedium,\n          emotion,\n        )};\n      `;\n    },\n    rootLarge(t: Theme) {\n      return emotion.css`\n        ${menuFooterSizeMixin(\n          t.menuFooterPaddingXLarge,\n          t.menuFooterFontSizeLarge,\n          t.menuFooterLineHeightLarge,\n          t.menuFooterPaddingTopLarge,\n          t.menuFooterPaddingBottomLarge,\n          emotion,\n        )};\n      `;\n    },\n\n    withLeftPaddingSmall(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(t.menuItemPaddingForIconSmall, emotion)}\n      `;\n    },\n    withLeftPaddingMedium(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(t.menuItemPaddingForIconMedium, emotion)}\n      `;\n    },\n    withLeftPaddingLarge(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(t.menuItemPaddingForIconLarge, emotion)}\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;UACnBN,CAAC,CAACO,uBAAuB;UACzBP,CAAC,CAACQ,uBAAuB;UACzBR,CAAC,CAACS,yBAAyB;UAC3BT,CAAC,CAACU,yBAAyB;UAC3BV,CAAC,CAACW,4BAA4B;UAC9Bd;QACF,CAAC;;MAEL,CAAC;MACDe,UAAU,WAAAA,WAACZ,CAAQ,EAAE;QACnB,OAAOH,OAAO,CAACI,GAAG,CAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;QACd,IAAAG,+BAAmB;UACnBN,CAAC,CAACa,wBAAwB;UAC1Bb,CAAC,CAACc,wBAAwB;UAC1Bd,CAAC,CAACe,0BAA0B;UAC5Bf,CAAC,CAACgB,0BAA0B;UAC5BhB,CAAC,CAACiB,6BAA6B;UAC/BpB;QACF,CAAC;;MAEL,CAAC;MACDqB,SAAS,WAAAA,UAAClB,CAAQ,EAAE;QAClB,OAAOH,OAAO,CAACI,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;QACd,IAAAG,+BAAmB;UACnBN,CAAC,CAACmB,uBAAuB;UACzBnB,CAAC,CAACoB,uBAAuB;UACzBpB,CAAC,CAACqB,yBAAyB;UAC3BrB,CAAC,CAACsB,yBAAyB;UAC3BtB,CAAC,CAACuB,4BAA4B;UAC9B1B;QACF,CAAC;;MAEL,CAAC;;MAED2B,oBAAoB,WAAAA,qBAACxB,CAAQ,EAAE;QAC7B,OAAOH,OAAO,CAACI,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;QACd,IAAAsB,6BAAiB,EAACzB,CAAC,CAAC0B,2BAA2B,EAAE7B,OAAO,CAAC;;MAE/D,CAAC;MACD8B,qBAAqB,WAAAA,sBAAC3B,CAAQ,EAAE;QAC9B,OAAOH,OAAO,CAACI,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;QACd,IAAAsB,6BAAiB,EAACzB,CAAC,CAAC4B,4BAA4B,EAAE/B,OAAO,CAAC;;MAEhE,CAAC;MACDgC,oBAAoB,WAAAA,qBAAC7B,CAAQ,EAAE;QAC7B,OAAOH,OAAO,CAACI,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;QACd,IAAAsB,6BAAiB,EAACzB,CAAC,CAAC8B,2BAA2B,EAAEjC,OAAO,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 type { 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":[]}

package/cjs/components/MenuHeader/MenuHeader.js

@@ -1,10 +1,10 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.isMenuHeader = exports.MenuHeaderDataTids = exports.MenuHeader = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 
-var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _MenuContext = require("../../internal/Menu/MenuContext");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
@@ -41,31 +41,28 @@ var MenuHeader = exports.MenuHeader = (0, _forwardRefAndName.forwardRefAndName)(
   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, _RenderEnvironmentContext.useEmotion)();
-    var _useEmotion = (0, _RenderEnvironmentContext.useEmotion)(),cx = _useEmotion.cx;
-    var styles = (0, _MenuHeader.getStyles)(emotion);
     var menuContext = (0, _react.useContext)(_MenuContext.MenuContext);
 
     function getRootSizeClassName() {
       switch (size) {
         case 'large':
-          return styles.rootLarge(theme);
+          return _MenuHeader.styles.rootLarge(theme);
         case 'medium':
-          return styles.rootMedium(theme);
+          return _MenuHeader.styles.rootMedium(theme);
         case 'small':
         default:
-          return styles.rootSmall(theme);
+          return _MenuHeader.styles.rootSmall(theme);
       }
     }
     function getWithLeftPaddingSizeClassName() {
       switch (size) {
         case 'large':
-          return styles.withLeftPaddingSmall(theme);
+          return _MenuHeader.styles.withLeftPaddingSmall(theme);
         case 'medium':
-          return styles.withLeftPaddingMedium(theme);
+          return _MenuHeader.styles.withLeftPaddingMedium(theme);
         case 'small':
         default:
-          return styles.withLeftPaddingSmall(theme);
+          return _MenuHeader.styles.withLeftPaddingSmall(theme);
       }
     }
 
@@ -75,8 +72,8 @@ var MenuHeader = exports.MenuHeader = (0, _forwardRefAndName.forwardRefAndName)(
         ref: ref,
         id: id,
         "data-tid": MenuHeaderDataTids.root,
-        className: cx(getRootSizeClassName(), (_cx = {}, _cx[
-        styles.root(theme)] = true, _cx[
+        className: (0, _Emotion.cx)(getRootSizeClassName(), (_cx = {}, _cx[
+        _MenuHeader.styles.root(theme)] = true, _cx[
         getWithLeftPaddingSizeClassName()] = menuContext.enableIconPadding || _enableIconPadding, _cx)
         ) },
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_RenderEnvironmentContext","_ThemeContext","_CommonWrapper","_MenuContext","_forwardRefAndName","_MenuHeader","_excluded","MenuHeaderDataTids","exports","root","MenuHeader","forwardRefAndName","_ref","ref","_cx","id","_ref$_enableIconPaddi","_enableIconPadding","children","_ref$size","size","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","emotion","useEmotion","_useEmotion","cx","styles","getStyles","menuContext","MenuContext","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","createElement","CommonWrapper","className","enableIconPadding","__MENU_HEADER__","isMenuHeader","child","React","isValidElement","Object","prototype","hasOwnProperty","call","type"],"sources":["MenuHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport { useEmotion } from '../../lib/theming/RenderEnvironmentContext';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { SizeProp } from '../../lib/types/props';\nimport { MenuContext } from '../../internal/Menu/MenuContext';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { getStyles } 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 */\n\nconst MenuHeader = forwardRefAndName(\n  'MenuHeader',\n  function MenuHeader(\n    { id, _enableIconPadding = false, children, size = 'small', ...rest }: MenuHeaderProps,\n    ref: React.Ref<HTMLDivElement>,\n  ) {\n    const theme = useContext(ThemeContext);\n    const emotion = useEmotion();\n    const { cx } = useEmotion();\n    const styles = getStyles(emotion);\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          ref={ref}\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);\n\n//@ts-ignore\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":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ThemeContext","_CommonWrapper","_Emotion","_MenuContext","_forwardRefAndName","_MenuHeader","_excluded","MenuHeaderDataTids","exports","root","MenuHeader","forwardRefAndName","_ref","ref","_cx","id","_ref$_enableIconPaddi","_enableIconPadding","children","_ref$size","size","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","menuContext","MenuContext","getRootSizeClassName","styles","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","createElement","CommonWrapper","className","cx","enableIconPadding","__MENU_HEADER__","isMenuHeader","child","React","isValidElement","Object","prototype","hasOwnProperty","call","type"],"sources":["MenuHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { SizeProp } from '../../lib/types/props';\nimport { MenuContext } from '../../internal/Menu/MenuContext';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\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 */\n\nconst MenuHeader = forwardRefAndName(\n  'MenuHeader',\n  function MenuHeader(\n    { id, _enableIconPadding = false, children, size = 'small', ...rest }: MenuHeaderProps,\n    ref: React.Ref<HTMLDivElement>,\n  ) {\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          ref={ref}\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);\n\n//@ts-ignore\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":"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","ignoreList":[]}

package/cjs/components/MenuHeader/MenuHeader.md

@@ -0,0 +1,35 @@
+### Базовый пример меню с заголовками
+
+```jsx harmony
+import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
+
+<DropdownMenu
+  menuMaxHeight="10rem"
+  caption={<Button use="primary">Сотрудники компании</Button>}
+  >
+  <MenuHeader>Разработчики</MenuHeader>
+  <MenuItem>Вася</MenuItem>
+  <MenuItem>Петя</MenuItem>
+  <MenuItem>Маша</MenuItem>
+  <MenuHeader>Дизайнеры</MenuHeader>
+  <MenuItem>Галя</MenuItem>
+  <MenuItem>Гриша</MenuItem>
+  <MenuItem>Гена</MenuItem>
+  <MenuHeader>Продакты</MenuHeader>
+  <MenuItem>Валя</MenuItem>
+  <MenuItem>Аля</MenuItem>
+  <MenuItem>Артём</MenuItem>
+</DropdownMenu>
+```
+
+### Размер
+
+```jsx harmony
+import { Gapped } from '@skbkontur/react-ui';
+
+<Gapped vertical>
+  <MenuHeader size={'small'}>Маленький</MenuHeader>
+  <MenuHeader size={'medium'}>Средний</MenuHeader>
+  <MenuHeader size={'large'}>Большой</MenuHeader>
+</Gapped>
+```

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

@@ -1,3 +1,2 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
-export declare const menuHeaderSizeMixin: (menuHeaderPaddingX: string, menuHeaderFontSize: string, menuHeaderLineHeight: string, menuHeaderPaddingTop: string, menuHeaderPaddingBottom: string, emotion: Emotion) => string;
-export declare const withIconSizeMixin: (menuItemPaddingForIcon: string, emotion: Emotion) => string;
+export declare const menuHeaderSizeMixin: (menuHeaderPaddingX: string, menuHeaderFontSize: string, menuHeaderLineHeight: string, menuHeaderPaddingTop: string, menuHeaderPaddingBottom: string) => string;
+export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;

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

@@ -1,24 +1,23 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.withIconSizeMixin = exports.menuHeaderSizeMixin = 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.menuHeaderSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
 
 var menuHeaderSizeMixin = exports.menuHeaderSizeMixin = function menuHeaderSizeMixin(
 menuHeaderPaddingX,
 menuHeaderFontSize,
 menuHeaderLineHeight,
 menuHeaderPaddingTop,
-menuHeaderPaddingBottom,
-emotion)
+menuHeaderPaddingBottom)
 {
   var paddingRight = menuHeaderPaddingX;
 
-  return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " ", " ", " ", ";\n  "])),
+  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " ", " ", " ", ";\n  "])),
   menuHeaderFontSize,
   menuHeaderLineHeight,
   menuHeaderPaddingTop, paddingRight, menuHeaderPaddingBottom, menuHeaderPaddingX);
 
 };
 
-var withIconSizeMixin = exports.withIconSizeMixin = function withIconSizeMixin(menuItemPaddingForIcon, emotion) {
-  return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding-left: ", ";\n  "])),
+var withIconSizeMixin = exports.withIconSizeMixin = function withIconSizeMixin(menuItemPaddingForIcon) {
+  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding-left: ", ";\n  "])),
   menuItemPaddingForIcon);
 
 };

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

@@ -1 +1 @@
-{"version":3,"names":["menuHeaderSizeMixin","exports","menuHeaderPaddingX","menuHeaderFontSize","menuHeaderLineHeight","menuHeaderPaddingTop","menuHeaderPaddingBottom","emotion","paddingRight","css","_templateObject","_taggedTemplateLiteralLoose2","default","withIconSizeMixin","menuItemPaddingForIcon","_templateObject2"],"sources":["MenuHeader.mixins.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nexport const menuHeaderSizeMixin = (\n  menuHeaderPaddingX: string,\n  menuHeaderFontSize: string,\n  menuHeaderLineHeight: string,\n  menuHeaderPaddingTop: string,\n  menuHeaderPaddingBottom: string,\n  emotion: Emotion,\n) => {\n  const paddingRight = menuHeaderPaddingX;\n\n  return emotion.css`\n    font-size: ${menuHeaderFontSize};\n    line-height: ${menuHeaderLineHeight};\n    padding: ${menuHeaderPaddingTop} ${paddingRight} ${menuHeaderPaddingBottom} ${menuHeaderPaddingX};\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string, emotion: Emotion) => {\n  return emotion.css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"],"mappings":";;AAEO,IAAMA,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA;AAC9BE,kBAA0B;AAC1BC,kBAA0B;AAC1BC,oBAA4B;AAC5BC,oBAA4B;AAC5BC,uBAA+B;AAC/BC,OAAgB;AACb;EACH,IAAMC,YAAY,GAAGN,kBAAkB;;EAEvC,OAAOK,OAAO,CAACE,GAAG,CAAAC,eAAA,KAAAA,eAAA,OAAAC,4BAAA,CAAAC,OAAA;EACHT,kBAAkB;EAChBC,oBAAoB;EACxBC,oBAAoB,EAAIG,YAAY,EAAIF,uBAAuB,EAAIJ,kBAAkB;;AAEpG,CAAC;;AAEM,IAAMW,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAEP,OAAgB,EAAK;EACrF,OAAOA,OAAO,CAACE,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,OAAAJ,4BAAA,CAAAC,OAAA;EACAE,sBAAsB;;AAE1C,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","menuHeaderSizeMixin","exports","menuHeaderPaddingX","menuHeaderFontSize","menuHeaderLineHeight","menuHeaderPaddingTop","menuHeaderPaddingBottom","paddingRight","css","_taggedTemplateLiteralLoose2","default","withIconSizeMixin","menuItemPaddingForIcon"],"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":"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/MenuHeader/MenuHeader.styles.d.ts

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
 import type { 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/MenuHeader/MenuHeader.styles.js

@@ -1,69 +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 _MenuHeader = require("./MenuHeader.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.menuHeaderColor);
-
-
-      },
-
-      rootSmall: function rootSmall(t) {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _MenuHeader.menuHeaderSizeMixin)(
-          t.menuHeaderPaddingXSmall,
-          t.menuHeaderFontSizeSmall,
-          t.menuHeaderLineHeightSmall,
-          t.menuHeaderPaddingTopSmall,
-          t.menuHeaderPaddingBottomSmall,
-          emotion
-        ));
-
-      },
-      rootMedium: function rootMedium(t) {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _MenuHeader.menuHeaderSizeMixin)(
-          t.menuHeaderPaddingXMedium,
-          t.menuHeaderFontSizeMedium,
-          t.menuHeaderLineHeightMedium,
-          t.menuHeaderPaddingTopMedium,
-          t.menuHeaderPaddingBottomMedium,
-          emotion
-        ));
-
-      },
-      rootLarge: function rootLarge(t) {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _MenuHeader.menuHeaderSizeMixin)(
-          t.menuHeaderPaddingXLarge,
-          t.menuHeaderFontSizeLarge,
-          t.menuHeaderLineHeightLarge,
-          t.menuHeaderPaddingTopLarge,
-          t.menuHeaderPaddingBottomLarge,
-          emotion
-        ));
-
-      },
-
-      withLeftPaddingSmall: function withLeftPaddingSmall(t) {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-        (0, _MenuHeader.withIconSizeMixin)(t.menuItemPaddingForIconSmall, emotion));
-
-      },
-      withLeftPaddingMedium: function withLeftPaddingMedium(t) {
-        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-        (0, _MenuHeader.withIconSizeMixin)(t.menuItemPaddingForIconMedium, emotion));
-
-      },
-      withLeftPaddingLarge: function withLeftPaddingLarge(t) {
-        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-        (0, _MenuHeader.withIconSizeMixin)(t.menuItemPaddingForIconLarge, emotion));
-
-      }
-    }));};
+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.menuHeaderColor);
+
+
+  },
+
+  rootSmall: function rootSmall(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _MenuHeader.menuHeaderSizeMixin)(
+      t.menuHeaderPaddingXSmall,
+      t.menuHeaderFontSizeSmall,
+      t.menuHeaderLineHeightSmall,
+      t.menuHeaderPaddingTopSmall,
+      t.menuHeaderPaddingBottomSmall
+    ));
+
+  },
+  rootMedium: function rootMedium(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _MenuHeader.menuHeaderSizeMixin)(
+      t.menuHeaderPaddingXMedium,
+      t.menuHeaderFontSizeMedium,
+      t.menuHeaderLineHeightMedium,
+      t.menuHeaderPaddingTopMedium,
+      t.menuHeaderPaddingBottomMedium
+    ));
+
+  },
+  rootLarge: function rootLarge(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _MenuHeader.menuHeaderSizeMixin)(
+      t.menuHeaderPaddingXLarge,
+      t.menuHeaderFontSizeLarge,
+      t.menuHeaderLineHeightLarge,
+      t.menuHeaderPaddingTopLarge,
+      t.menuHeaderPaddingBottomLarge
+    ));
+
+  },
+
+  withLeftPaddingSmall: function withLeftPaddingSmall(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _MenuHeader.withIconSizeMixin)(t.menuItemPaddingForIconSmall));
+
+  },
+  withLeftPaddingMedium: function withLeftPaddingMedium(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _MenuHeader.withIconSizeMixin)(t.menuItemPaddingForIconMedium));
+
+  },
+  withLeftPaddingLarge: function withLeftPaddingLarge(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _MenuHeader.withIconSizeMixin)(t.menuItemPaddingForIconLarge));
+
+  }
+});