@skbkontur/react-ui 0.0.0-444dd4e7b3 → 0.0.0-48840c3b9c

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

@@ -1,65 +1,68 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = 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.getStyles = 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 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.menuFooterLegacyPaddingRight,
-    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.menuFooterLegacyPaddingRight,
-    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.menuFooterLegacyPaddingRight,
-    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));
-
-  } });exports.styles = styles;
+var 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.menuFooterLegacyPaddingRight,
+        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.menuFooterLegacyPaddingRight,
+        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.menuFooterLegacyPaddingRight,
+        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));
+
+      } }));};exports.getStyles = getStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuFooter.styles.ts"],"names":["styles","root","t","css","menuFooterColor","rootSmall","menuFooterLegacyPaddingRight","menuFooterPaddingXSmall","menuFooterFontSizeSmall","menuFooterLineHeightSmall","menuFooterPaddingTopSmall","menuFooterPaddingBottomSmall","rootMedium","menuFooterPaddingXMedium","menuFooterFontSizeMedium","menuFooterLineHeightMedium","menuFooterPaddingTopMedium","menuFooterPaddingBottomMedium","rootLarge","menuFooterPaddingXLarge","menuFooterFontSizeLarge","menuFooterLineHeightLarge","menuFooterPaddingTopLarge","menuFooterPaddingBottomLarge","withLeftPaddingSmall","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","menuItemPaddingForIconLarge"],"mappings":"4QAAA;;;AAGA,iD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACE,eADb;;;AAID,GANgC;;AAQjCC,EAAAA,SARiC,qBAQvBH,CARuB,EAQb;AAClB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACI,4BADF;AAEAJ,IAAAA,CAAC,CAACK,uBAFF;AAGAL,IAAAA,CAAC,CAACM,uBAHF;AAIAN,IAAAA,CAAC,CAACO,yBAJF;AAKAP,IAAAA,CAAC,CAACQ,yBALF;AAMAR,IAAAA,CAAC,CAACS,4BANF,CADJ;;;AAUD,GAnBgC;AAoBjCC,EAAAA,UApBiC,sBAoBtBV,CApBsB,EAoBZ;AACnB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACI,4BADF;AAEAJ,IAAAA,CAAC,CAACW,wBAFF;AAGAX,IAAAA,CAAC,CAACY,wBAHF;AAIAZ,IAAAA,CAAC,CAACa,0BAJF;AAKAb,IAAAA,CAAC,CAACc,0BALF;AAMAd,IAAAA,CAAC,CAACe,6BANF,CADJ;;;AAUD,GA/BgC;AAgCjCC,EAAAA,SAhCiC,qBAgCvBhB,CAhCuB,EAgCb;AAClB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACI,4BADF;AAEAJ,IAAAA,CAAC,CAACiB,uBAFF;AAGAjB,IAAAA,CAAC,CAACkB,uBAHF;AAIAlB,IAAAA,CAAC,CAACmB,yBAJF;AAKAnB,IAAAA,CAAC,CAACoB,yBALF;AAMApB,IAAAA,CAAC,CAACqB,4BANF,CADJ;;;AAUD,GA3CgC;;AA6CjCC,EAAAA,oBA7CiC,gCA6CZtB,CA7CY,EA6CF;AAC7B,eAAOC,YAAP;AACI,uCAAkBD,CAAC,CAACuB,2BAApB,CADJ;;AAGD,GAjDgC;AAkDjCC,EAAAA,qBAlDiC,iCAkDXxB,CAlDW,EAkDD;AAC9B,eAAOC,YAAP;AACI,uCAAkBD,CAAC,CAACyB,4BAApB,CADJ;;AAGD,GAtDgC;AAuDjCC,EAAAA,oBAvDiC,gCAuDZ1B,CAvDY,EAuDF;AAC7B,eAAOC,YAAP;AACI,uCAAkBD,CAAC,CAAC2B,2BAApB,CADJ;;AAGD,GA3DgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.menuFooterColor};\n      cursor: default;\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterLegacyPaddingRight,\n        t.menuFooterPaddingXSmall,\n        t.menuFooterFontSizeSmall,\n        t.menuFooterLineHeightSmall,\n        t.menuFooterPaddingTopSmall,\n        t.menuFooterPaddingBottomSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterLegacyPaddingRight,\n        t.menuFooterPaddingXMedium,\n        t.menuFooterFontSizeMedium,\n        t.menuFooterLineHeightMedium,\n        t.menuFooterPaddingTopMedium,\n        t.menuFooterPaddingBottomMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterLegacyPaddingRight,\n        t.menuFooterPaddingXLarge,\n        t.menuFooterFontSizeLarge,\n        t.menuFooterLineHeightLarge,\n        t.menuFooterPaddingTopLarge,\n        t.menuFooterPaddingBottomLarge,\n      )};\n    `;\n  },\n\n  withLeftPaddingSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withLeftPaddingMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withLeftPaddingLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["MenuFooter.styles.ts"],"names":["getStyles","emotion","root","t","css","menuFooterColor","rootSmall","menuFooterLegacyPaddingRight","menuFooterPaddingXSmall","menuFooterFontSizeSmall","menuFooterLineHeightSmall","menuFooterPaddingTopSmall","menuFooterPaddingBottomSmall","rootMedium","menuFooterPaddingXMedium","menuFooterFontSizeMedium","menuFooterLineHeightMedium","menuFooterPaddingTopMedium","menuFooterPaddingBottomMedium","rootLarge","menuFooterPaddingXLarge","menuFooterFontSizeLarge","menuFooterLineHeightLarge","menuFooterPaddingTopLarge","menuFooterPaddingBottomLarge","withLeftPaddingSmall","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","menuItemPaddingForIconLarge"],"mappings":";;AAEA;;;AAGA,iD;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,IADW,gBACNC,CADM,EACI;AACb,eAAOF,OAAO,CAACG,GAAf;AACWD,QAAAA,CAAC,CAACE,eADb;;;AAID,OANU;;AAQXC,MAAAA,SARW,qBAQDH,CARC,EAQS;AAClB,eAAOF,OAAO,CAACG,GAAf;AACI,6CAAoBH,OAApB;AACAE,QAAAA,CAAC,CAACI,4BADF;AAEAJ,QAAAA,CAAC,CAACK,uBAFF;AAGAL,QAAAA,CAAC,CAACM,uBAHF;AAIAN,QAAAA,CAAC,CAACO,yBAJF;AAKAP,QAAAA,CAAC,CAACQ,yBALF;AAMAR,QAAAA,CAAC,CAACS,4BANF,CADJ;;;AAUD,OAnBU;AAoBXC,MAAAA,UApBW,sBAoBAV,CApBA,EAoBU;AACnB,eAAOF,OAAO,CAACG,GAAf;AACI,6CAAoBH,OAApB;AACAE,QAAAA,CAAC,CAACI,4BADF;AAEAJ,QAAAA,CAAC,CAACW,wBAFF;AAGAX,QAAAA,CAAC,CAACY,wBAHF;AAIAZ,QAAAA,CAAC,CAACa,0BAJF;AAKAb,QAAAA,CAAC,CAACc,0BALF;AAMAd,QAAAA,CAAC,CAACe,6BANF,CADJ;;;AAUD,OA/BU;AAgCXC,MAAAA,SAhCW,qBAgCDhB,CAhCC,EAgCS;AAClB,eAAOF,OAAO,CAACG,GAAf;AACI,6CAAoBH,OAApB;AACAE,QAAAA,CAAC,CAACI,4BADF;AAEAJ,QAAAA,CAAC,CAACiB,uBAFF;AAGAjB,QAAAA,CAAC,CAACkB,uBAHF;AAIAlB,QAAAA,CAAC,CAACmB,yBAJF;AAKAnB,QAAAA,CAAC,CAACoB,yBALF;AAMApB,QAAAA,CAAC,CAACqB,4BANF,CADJ;;;AAUD,OA3CU;;AA6CXC,MAAAA,oBA7CW,gCA6CUtB,CA7CV,EA6CoB;AAC7B,eAAOF,OAAO,CAACG,GAAf;AACI,2CAAkBH,OAAlB,EAA2BE,CAAC,CAACuB,2BAA7B,CADJ;;AAGD,OAjDU;AAkDXC,MAAAA,qBAlDW,iCAkDWxB,CAlDX,EAkDqB;AAC9B,eAAOF,OAAO,CAACG,GAAf;AACI,2CAAkBH,OAAlB,EAA2BE,CAAC,CAACyB,4BAA7B,CADJ;;AAGD,OAtDU;AAuDXC,MAAAA,oBAvDW,gCAuDU1B,CAvDV,EAuDoB;AAC7B,eAAOF,OAAO,CAACG,GAAf;AACI,2CAAkBH,OAAlB,EAA2BE,CAAC,CAAC2B,2BAA7B,CADJ;;AAGD,OA3DU,EAAb,CADuB,GAAlB,C","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.menuFooterLegacyPaddingRight,\n          t.menuFooterPaddingXSmall,\n          t.menuFooterFontSizeSmall,\n          t.menuFooterLineHeightSmall,\n          t.menuFooterPaddingTopSmall,\n          t.menuFooterPaddingBottomSmall,\n        )};\n      `;\n    },\n    rootMedium(t: Theme) {\n      return emotion.css`\n        ${menuFooterSizeMixin(emotion)(\n          t.menuFooterLegacyPaddingRight,\n          t.menuFooterPaddingXMedium,\n          t.menuFooterFontSizeMedium,\n          t.menuFooterLineHeightMedium,\n          t.menuFooterPaddingTopMedium,\n          t.menuFooterPaddingBottomMedium,\n        )};\n      `;\n    },\n    rootLarge(t: Theme) {\n      return emotion.css`\n        ${menuFooterSizeMixin(emotion)(\n          t.menuFooterLegacyPaddingRight,\n          t.menuFooterPaddingXLarge,\n          t.menuFooterFontSizeLarge,\n          t.menuFooterLineHeightLarge,\n          t.menuFooterPaddingTopLarge,\n          t.menuFooterPaddingBottomLarge,\n        )};\n      `;\n    },\n\n    withLeftPaddingSmall(t: Theme) {\n      return 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"]}

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

@@ -24,6 +24,7 @@ export declare const MenuHeaderDataTids: {
 declare function MenuHeader({ _enableIconPadding, children, size, ...rest }: MenuHeaderProps): JSX.Element;
 declare namespace MenuHeader {
     var __KONTUR_REACT_UI__: string;
+    var displayName: string;
     var __MENU_HEADER__: boolean;
 }
 export { MenuHeader };

package/cjs/components/MenuHeader/MenuHeader.js

@@ -1,12 +1,12 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.MenuHeader = MenuHeader;exports.isMenuHeader = exports.MenuHeaderDataTids = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MenuHeader = MenuHeader;exports.isMenuHeader = exports.MenuHeaderDataTids = 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 _MenuContext = require("../../internal/Menu/MenuContext");
+var _useTheme = require("../../lib/theming/useTheme");
+var _Emotion = require("../../lib/theming/Emotion");
 
-var _MenuHeader = require("./MenuHeader.styles");var _excluded = ["_enableIconPadding", "children", "size"];function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+var _MenuHeader = require("./MenuHeader.styles");var _excluded = ["_enableIconPadding", "children", "size"];
 
 
 
@@ -31,30 +31,32 @@ var MenuHeaderDataTids = {
  *
  * Сущности в которых может быть использован `MenuHeader`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).
  */exports.MenuHeaderDataTids = MenuHeaderDataTids;
-function MenuHeader(_ref) {var _cx;var _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);
+function MenuHeader(_ref) {var _emotion$cx;var _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, _useTheme.useTheme)();
+  var emotion = (0, _Emotion.useEmotion)();
+  var styles = (0, _MenuHeader.getStyles)(emotion);
   var menuContext = (0, _react.useContext)(_MenuContext.MenuContext);
 
   function getRootSizeClassName() {
     switch (size) {
       case 'large':
-        return _MenuHeader.styles.rootLarge(theme);
+        return styles.rootLarge(theme);
       case 'medium':
-        return _MenuHeader.styles.rootMedium(theme);
+        return styles.rootMedium(theme);
       case 'small':
       default:
-        return _MenuHeader.styles.rootSmall(theme);}
+        return styles.rootSmall(theme);}
 
   }
   function getWithLeftPaddingSizeClassName() {
     switch (size) {
       case 'large':
-        return _MenuHeader.styles.withLeftPaddingSmall(theme);
+        return styles.withLeftPaddingSmall(theme);
       case 'medium':
-        return _MenuHeader.styles.withLeftPaddingMedium(theme);
+        return styles.withLeftPaddingMedium(theme);
       case 'small':
       default:
-        return _MenuHeader.styles.withLeftPaddingSmall(theme);}
+        return styles.withLeftPaddingSmall(theme);}
 
   }
 
@@ -62,9 +64,9 @@ function MenuHeader(_ref) {var _cx;var _ref$_enableIconPaddi = _ref._enableIconP
     _react.default.createElement(_CommonWrapper.CommonWrapper, rest, /*#__PURE__*/
     _react.default.createElement("div", {
       "data-tid": MenuHeaderDataTids.root,
-      className: (0, _Emotion.cx)(getRootSizeClassName(), (_cx = {}, _cx[
-      _MenuHeader.styles.root(theme)] = true, _cx[
-      getWithLeftPaddingSizeClassName()] = menuContext.enableIconPadding || _enableIconPadding, _cx)) },
+      className: emotion.cx(getRootSizeClassName(), (_emotion$cx = {}, _emotion$cx[
+      styles.root(theme)] = true, _emotion$cx[
+      getWithLeftPaddingSizeClassName()] = menuContext.enableIconPadding || _enableIconPadding, _emotion$cx)) },
 
 
     children)));
@@ -74,6 +76,7 @@ function MenuHeader(_ref) {var _cx;var _ref$_enableIconPaddi = _ref._enableIconP
 }
 
 MenuHeader.__KONTUR_REACT_UI__ = 'MenuHeader';
+MenuHeader.displayName = 'MenuHeader';
 MenuHeader.__MENU_HEADER__ = true;
 
 

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuHeader.tsx"],"names":["MenuHeaderDataTids","root","MenuHeader","_enableIconPadding","children","size","rest","theme","ThemeContext","menuContext","MenuContext","getRootSizeClassName","styles","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","enableIconPadding","__KONTUR_REACT_UI__","__MENU_HEADER__","isMenuHeader","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"mappings":"mVAAA;;AAEA;AACA;AACA;;AAEA;;AAEA,iD;;;;;;;;;;;;;;AAcO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,IAAI,EAAE,kBAD0B,EAA3B;;;AAIP;AACA;AACA;AACA;AACA;AACA;AACA,G;AACA,SAASC,UAAT,OAAwG,0CAAlFC,kBAAkF,CAAlFA,kBAAkF,sCAA7D,KAA6D,yBAAtDC,QAAsD,QAAtDA,QAAsD,kBAA5CC,IAA4C,CAA5CA,IAA4C,0BAArC,OAAqC,aAAzBC,IAAyB;AACtG,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA,MAAMC,WAAW,GAAG,uBAAWC,wBAAX,CAApB;;AAEA,WAASC,oBAAT,GAAgC;AAC9B,YAAQN,IAAR;AACE,WAAK,OAAL;AACE,eAAOO,mBAAOC,SAAP,CAAiBN,KAAjB,CAAP;AACF,WAAK,QAAL;AACE,eAAOK,mBAAOE,UAAP,CAAkBP,KAAlB,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOK,mBAAOG,SAAP,CAAiBR,KAAjB,CAAP,CAPJ;;AASD;AACD,WAASS,+BAAT,GAA2C;AACzC,YAAQX,IAAR;AACE,WAAK,OAAL;AACE,eAAOO,mBAAOK,oBAAP,CAA4BV,KAA5B,CAAP;AACF,WAAK,QAAL;AACE,eAAOK,mBAAOM,qBAAP,CAA6BX,KAA7B,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOK,mBAAOK,oBAAP,CAA4BV,KAA5B,CAAP,CAPJ;;AASD;;AAED;AACE,iCAAC,4BAAD,EAAmBD,IAAnB;AACE;AACE,kBAAUN,kBAAkB,CAACC,IAD/B;AAEE,MAAA,SAAS,EAAE,iBAAGU,oBAAoB,EAAvB;AACRC,yBAAOX,IAAP,CAAYM,KAAZ,CADQ,IACa,IADb;AAERS,MAAAA,+BAA+B,EAFvB,IAE4BP,WAAW,CAACU,iBAAZ,IAAiChB,kBAF7D,OAFb;;;AAOGC,IAAAA,QAPH,CADF,CADF;;;;AAaD;;AAEDF,UAAU,CAACkB,mBAAX,GAAiC,YAAjC;AACAlB,UAAU,CAACmB,eAAX,GAA6B,IAA7B;;;;AAIO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0E;AACpG,SAAO,4BAAMC,cAAN,CAAsCD,KAAtC;AACHE,EAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,iBAAjD,CADG;AAEH,OAFJ;AAGD,CAJM,C","sourcesContent":["import React, { ReactNode, useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { SizeProp } from '../../lib/types/props';\nimport { MenuContext } from '../../internal/Menu/MenuContext';\n\nimport { styles } from './MenuHeader.styles';\n\n/**\n * @deprecated use SizeProp\n */\nexport type MenuHeaderSize = SizeProp;\n\nexport interface MenuHeaderProps extends CommonProps {\n  _enableIconPadding?: boolean;\n  children: ReactNode;\n  /** Размер */\n  size?: SizeProp;\n}\n\nexport const MenuHeaderDataTids = {\n  root: 'MenuHeader__root',\n} as const;\n\n/**\n * `Заголовок меню` используется для того, чтобы разделить `элементы меню` на категории в рамках одного меню.\n *\n * _Примечание_: `заголовок меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.\n *\n * Сущности в которых может быть использован `MenuHeader`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).\n */\nfunction MenuHeader({ _enableIconPadding = false, children, size = 'small', ...rest }: MenuHeaderProps) {\n  const theme = useContext(ThemeContext);\n  const menuContext = useContext(MenuContext);\n\n  function getRootSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.rootLarge(theme);\n      case 'medium':\n        return styles.rootMedium(theme);\n      case 'small':\n      default:\n        return styles.rootSmall(theme);\n    }\n  }\n  function getWithLeftPaddingSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.withLeftPaddingSmall(theme);\n      case 'medium':\n        return styles.withLeftPaddingMedium(theme);\n      case 'small':\n      default:\n        return styles.withLeftPaddingSmall(theme);\n    }\n  }\n\n  return (\n    <CommonWrapper {...rest}>\n      <div\n        data-tid={MenuHeaderDataTids.root}\n        className={cx(getRootSizeClassName(), {\n          [styles.root(theme)]: true,\n          [getWithLeftPaddingSizeClassName()]: menuContext.enableIconPadding || _enableIconPadding,\n        })}\n      >\n        {children}\n      </div>\n    </CommonWrapper>\n  );\n}\n\nMenuHeader.__KONTUR_REACT_UI__ = 'MenuHeader';\nMenuHeader.__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"]}
+{"version":3,"sources":["MenuHeader.tsx"],"names":["MenuHeaderDataTids","root","MenuHeader","_enableIconPadding","children","size","rest","theme","emotion","styles","menuContext","MenuContext","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","cx","enableIconPadding","__KONTUR_REACT_UI__","displayName","__MENU_HEADER__","isMenuHeader","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"mappings":"0bAAA;;AAEA;;AAEA;AACA;AACA;;AAEA,iD;;;;;;;;;;;;;;AAcO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,IAAI,EAAE,kBAD0B,EAA3B;;;AAIP;AACA;AACA;AACA;AACA;AACA;AACA,G;AACA,SAASC,UAAT,OAAwG,kDAAlFC,kBAAkF,CAAlFA,kBAAkF,sCAA7D,KAA6D,yBAAtDC,QAAsD,QAAtDA,QAAsD,kBAA5CC,IAA4C,CAA5CA,IAA4C,0BAArC,OAAqC,aAAzBC,IAAyB;AACtG,MAAMC,KAAK,GAAG,yBAAd;AACA,MAAMC,OAAO,GAAG,0BAAhB;AACA,MAAMC,MAAM,GAAG,2BAAUD,OAAV,CAAf;AACA,MAAME,WAAW,GAAG,uBAAWC,wBAAX,CAApB;;AAEA,WAASC,oBAAT,GAAgC;AAC9B,YAAQP,IAAR;AACE,WAAK,OAAL;AACE,eAAOI,MAAM,CAACI,SAAP,CAAiBN,KAAjB,CAAP;AACF,WAAK,QAAL;AACE,eAAOE,MAAM,CAACK,UAAP,CAAkBP,KAAlB,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOE,MAAM,CAACM,SAAP,CAAiBR,KAAjB,CAAP,CAPJ;;AASD;AACD,WAASS,+BAAT,GAA2C;AACzC,YAAQX,IAAR;AACE,WAAK,OAAL;AACE,eAAOI,MAAM,CAACQ,oBAAP,CAA4BV,KAA5B,CAAP;AACF,WAAK,QAAL;AACE,eAAOE,MAAM,CAACS,qBAAP,CAA6BX,KAA7B,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOE,MAAM,CAACQ,oBAAP,CAA4BV,KAA5B,CAAP,CAPJ;;AASD;;AAED;AACE,iCAAC,4BAAD,EAAmBD,IAAnB;AACE;AACE,kBAAUN,kBAAkB,CAACC,IAD/B;AAEE,MAAA,SAAS,EAAEO,OAAO,CAACW,EAAR,CAAWP,oBAAoB,EAA/B;AACRH,MAAAA,MAAM,CAACR,IAAP,CAAYM,KAAZ,CADQ,IACa,IADb;AAERS,MAAAA,+BAA+B,EAFvB,IAE4BN,WAAW,CAACU,iBAAZ,IAAiCjB,kBAF7D,eAFb;;;AAOGC,IAAAA,QAPH,CADF,CADF;;;;AAaD;;AAEDF,UAAU,CAACmB,mBAAX,GAAiC,YAAjC;AACAnB,UAAU,CAACoB,WAAX,GAAyB,YAAzB;AACApB,UAAU,CAACqB,eAAX,GAA6B,IAA7B;;;;AAIO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0E;AACpG,SAAO,4BAAMC,cAAN,CAAsCD,KAAtC;AACHE,EAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,iBAAjD,CADG;AAEH,OAFJ;AAGD,CAJM,C","sourcesContent":["import React, { ReactNode, useContext } from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { SizeProp } from '../../lib/types/props';\nimport { MenuContext } from '../../internal/Menu/MenuContext';\nimport { useTheme } from '../../lib/theming/useTheme';\nimport { useEmotion } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './MenuHeader.styles';\n\n/**\n * @deprecated use SizeProp\n */\nexport type MenuHeaderSize = SizeProp;\n\nexport interface MenuHeaderProps extends CommonProps {\n  _enableIconPadding?: boolean;\n  children: ReactNode;\n  /** Размер */\n  size?: SizeProp;\n}\n\nexport const MenuHeaderDataTids = {\n  root: 'MenuHeader__root',\n} as const;\n\n/**\n * `Заголовок меню` используется для того, чтобы разделить `элементы меню` на категории в рамках одного меню.\n *\n * _Примечание_: `заголовок меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.\n *\n * Сущности в которых может быть использован `MenuHeader`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).\n */\nfunction MenuHeader({ _enableIconPadding = false, children, size = 'small', ...rest }: MenuHeaderProps) {\n  const theme = useTheme();\n  const emotion = 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        data-tid={MenuHeaderDataTids.root}\n        className={emotion.cx(getRootSizeClassName(), {\n          [styles.root(theme)]: true,\n          [getWithLeftPaddingSizeClassName()]: menuContext.enableIconPadding || _enableIconPadding,\n        })}\n      >\n        {children}\n      </div>\n    </CommonWrapper>\n  );\n}\n\nMenuHeader.__KONTUR_REACT_UI__ = 'MenuHeader';\nMenuHeader.displayName = 'MenuHeader';\nMenuHeader.__MENU_HEADER__ = true;\n\nexport { MenuHeader };\n\nexport const isMenuHeader = (child: React.ReactNode): child is React.ReactElement<MenuHeaderProps> => {\n  return React.isValidElement<MenuHeaderProps>(child)\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_HEADER__')\n    : false;\n};\n"]}

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

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

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

@@ -1,26 +1,28 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");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;
+"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;
 
-var menuHeaderSizeMixin = function menuHeaderSizeMixin(
-menuHeaderLegacyPaddingRight,
-menuHeaderPaddingX,
-menuHeaderFontSize,
-menuHeaderLineHeight,
-menuHeaderPaddingTop,
-menuHeaderPaddingBottom)
-{
-  var legacyPaddingRight = parseFloat(menuHeaderLegacyPaddingRight);
-  var paddingRight =
-  legacyPaddingRight !== 0 ? parseFloat(menuHeaderPaddingX) + legacyPaddingRight + "px" : menuHeaderPaddingX;
+var menuHeaderSizeMixin =
+function menuHeaderSizeMixin(emotion) {return (
+    function (
+    menuHeaderLegacyPaddingRight,
+    menuHeaderPaddingX,
+    menuHeaderFontSize,
+    menuHeaderLineHeight,
+    menuHeaderPaddingTop,
+    menuHeaderPaddingBottom)
+    {
+      var legacyPaddingRight = parseFloat(menuHeaderLegacyPaddingRight);
+      var paddingRight =
+      legacyPaddingRight !== 0 ? parseFloat(menuHeaderPaddingX) + legacyPaddingRight + "px" : menuHeaderPaddingX;
 
-  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " ", " ", " ", ";\n  "])),
-  menuHeaderFontSize,
-  menuHeaderLineHeight,
-  menuHeaderPaddingTop, paddingRight, menuHeaderPaddingBottom, menuHeaderPaddingX);
+      return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " ", " ", " ", ";\n  "])),
+      menuHeaderFontSize,
+      menuHeaderLineHeight,
+      menuHeaderPaddingTop, paddingRight, menuHeaderPaddingBottom, menuHeaderPaddingX);
 
-};exports.menuHeaderSizeMixin = menuHeaderSizeMixin;
+    });};exports.menuHeaderSizeMixin = menuHeaderSizeMixin;
 
-var withIconSizeMixin = function withIconSizeMixin(menuItemPaddingForIcon) {
-  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding-left: ", ";\n  "])),
-  menuItemPaddingForIcon);
+var withIconSizeMixin = function withIconSizeMixin(emotion) {return function (menuItemPaddingForIcon) {
+    return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding-left: ", ";\n  "])),
+    menuItemPaddingForIcon);
 
-};exports.withIconSizeMixin = withIconSizeMixin;
+  };};exports.withIconSizeMixin = withIconSizeMixin;

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuHeader.mixins.ts"],"names":["menuHeaderSizeMixin","menuHeaderLegacyPaddingRight","menuHeaderPaddingX","menuHeaderFontSize","menuHeaderLineHeight","menuHeaderPaddingTop","menuHeaderPaddingBottom","legacyPaddingRight","parseFloat","paddingRight","css","withIconSizeMixin","menuItemPaddingForIcon"],"mappings":"qTAAA,oD;;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB;AACjCC,4BADiC;AAEjCC,kBAFiC;AAGjCC,kBAHiC;AAIjCC,oBAJiC;AAKjCC,oBALiC;AAMjCC,uBANiC;AAO9B;AACH,MAAMC,kBAAkB,GAAGC,UAAU,CAACP,4BAAD,CAArC;AACA,MAAMQ,YAAY;AAChBF,EAAAA,kBAAkB,KAAK,CAAvB,GAA8BC,UAAU,CAACN,kBAAD,CAAV,GAAiCK,kBAA/D,UAAwFL,kBAD1F;;AAGA,aAAOQ,YAAP;AACeP,EAAAA,kBADf;AAEiBC,EAAAA,oBAFjB;AAGaC,EAAAA,oBAHb,EAGqCI,YAHrC,EAGqDH,uBAHrD,EAGgFJ,kBAHhF;;AAKD,CAjBM,C;;AAmBA,IAAMS,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,sBAAD,EAAoC;AACnE,aAAOF,YAAP;AACkBE,EAAAA,sBADlB;;AAGD,CAJM,C","sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const menuHeaderSizeMixin = (\n  menuHeaderLegacyPaddingRight: string,\n  menuHeaderPaddingX: string,\n  menuHeaderFontSize: string,\n  menuHeaderLineHeight: string,\n  menuHeaderPaddingTop: string,\n  menuHeaderPaddingBottom: string,\n) => {\n  const legacyPaddingRight = parseFloat(menuHeaderLegacyPaddingRight);\n  const paddingRight =\n    legacyPaddingRight !== 0 ? `${parseFloat(menuHeaderPaddingX) + legacyPaddingRight}px` : menuHeaderPaddingX;\n\n  return css`\n    font-size: ${menuHeaderFontSize};\n    line-height: ${menuHeaderLineHeight};\n    padding: ${menuHeaderPaddingTop} ${paddingRight} ${menuHeaderPaddingBottom} ${menuHeaderPaddingX};\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n  return css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"]}
+{"version":3,"sources":["MenuHeader.mixins.ts"],"names":["menuHeaderSizeMixin","emotion","menuHeaderLegacyPaddingRight","menuHeaderPaddingX","menuHeaderFontSize","menuHeaderLineHeight","menuHeaderPaddingTop","menuHeaderPaddingBottom","legacyPaddingRight","parseFloat","paddingRight","css","withIconSizeMixin","menuItemPaddingForIcon"],"mappings":";;AAEO,IAAMA,mBAAmB;AAC9B,SADWA,mBACX,CAACC,OAAD;AACA;AACEC,IAAAA,4BADF;AAEEC,IAAAA,kBAFF;AAGEC,IAAAA,kBAHF;AAIEC,IAAAA,oBAJF;AAKEC,IAAAA,oBALF;AAMEC,IAAAA,uBANF;AAOK;AACH,UAAMC,kBAAkB,GAAGC,UAAU,CAACP,4BAAD,CAArC;AACA,UAAMQ,YAAY;AAChBF,MAAAA,kBAAkB,KAAK,CAAvB,GAA8BC,UAAU,CAACN,kBAAD,CAAV,GAAiCK,kBAA/D,UAAwFL,kBAD1F;;AAGA,aAAOF,OAAO,CAACU,GAAf;AACaP,MAAAA,kBADb;AAEeC,MAAAA,oBAFf;AAGWC,MAAAA,oBAHX,EAGmCI,YAHnC,EAGmDH,uBAHnD,EAG8EJ,kBAH9E;;AAKD,KAlBD,GADK,C;;AAqBA,IAAMS,iBAAiB,GAAG,SAApBA,iBAAoB,CAACX,OAAD,UAAsB,UAACY,sBAAD,EAAoC;AACzF,WAAOZ,OAAO,CAACU,GAAf;AACkBE,IAAAA,sBADlB;;AAGD,GAJgC,EAA1B,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nexport const menuHeaderSizeMixin =\n  (emotion: Emotion) =>\n  (\n    menuHeaderLegacyPaddingRight: string,\n    menuHeaderPaddingX: string,\n    menuHeaderFontSize: string,\n    menuHeaderLineHeight: string,\n    menuHeaderPaddingTop: string,\n    menuHeaderPaddingBottom: string,\n  ) => {\n    const legacyPaddingRight = parseFloat(menuHeaderLegacyPaddingRight);\n    const paddingRight =\n      legacyPaddingRight !== 0 ? `${parseFloat(menuHeaderPaddingX) + legacyPaddingRight}px` : menuHeaderPaddingX;\n\n    return emotion.css`\n    font-size: ${menuHeaderFontSize};\n    line-height: ${menuHeaderLineHeight};\n    padding: ${menuHeaderPaddingTop} ${paddingRight} ${menuHeaderPaddingBottom} ${menuHeaderPaddingX};\n  `;\n  };\n\nexport const withIconSizeMixin = (emotion: Emotion) => (menuItemPaddingForIcon: string) => {\n  return emotion.css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"]}

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

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

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

@@ -1,65 +1,68 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = 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.getStyles = 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 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.menuHeaderLegacyPaddingRight,
-    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.menuHeaderLegacyPaddingRight,
-    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.menuHeaderLegacyPaddingRight,
-    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));
-
-  } });exports.styles = styles;
+var 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)(emotion)(
+        t.menuHeaderLegacyPaddingRight,
+        t.menuHeaderPaddingXSmall,
+        t.menuHeaderFontSizeSmall,
+        t.menuHeaderLineHeightSmall,
+        t.menuHeaderPaddingTopSmall,
+        t.menuHeaderPaddingBottomSmall));
+
+
+      },
+      rootMedium: function rootMedium(t) {
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _MenuHeader.menuHeaderSizeMixin)(emotion)(
+        t.menuHeaderLegacyPaddingRight,
+        t.menuHeaderPaddingXMedium,
+        t.menuHeaderFontSizeMedium,
+        t.menuHeaderLineHeightMedium,
+        t.menuHeaderPaddingTopMedium,
+        t.menuHeaderPaddingBottomMedium));
+
+
+      },
+      rootLarge: function rootLarge(t) {
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _MenuHeader.menuHeaderSizeMixin)(emotion)(
+        t.menuHeaderLegacyPaddingRight,
+        t.menuHeaderPaddingXLarge,
+        t.menuHeaderFontSizeLarge,
+        t.menuHeaderLineHeightLarge,
+        t.menuHeaderPaddingTopLarge,
+        t.menuHeaderPaddingBottomLarge));
+
+
+      },
+
+      withLeftPaddingSmall: function withLeftPaddingSmall(t) {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
+        (0, _MenuHeader.withIconSizeMixin)(emotion)(t.menuItemPaddingForIconSmall));
+
+      },
+      withLeftPaddingMedium: function withLeftPaddingMedium(t) {
+        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
+        (0, _MenuHeader.withIconSizeMixin)(emotion)(t.menuItemPaddingForIconMedium));
+
+      },
+      withLeftPaddingLarge: function withLeftPaddingLarge(t) {
+        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
+        (0, _MenuHeader.withIconSizeMixin)(emotion)(t.menuItemPaddingForIconLarge));
+
+      } }));};exports.getStyles = getStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuHeader.styles.ts"],"names":["styles","root","t","css","menuHeaderColor","rootSmall","menuHeaderLegacyPaddingRight","menuHeaderPaddingXSmall","menuHeaderFontSizeSmall","menuHeaderLineHeightSmall","menuHeaderPaddingTopSmall","menuHeaderPaddingBottomSmall","rootMedium","menuHeaderPaddingXMedium","menuHeaderFontSizeMedium","menuHeaderLineHeightMedium","menuHeaderPaddingTopMedium","menuHeaderPaddingBottomMedium","rootLarge","menuHeaderPaddingXLarge","menuHeaderFontSizeLarge","menuHeaderLineHeightLarge","menuHeaderPaddingTopLarge","menuHeaderPaddingBottomLarge","withLeftPaddingSmall","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","menuItemPaddingForIconLarge"],"mappings":"4QAAA;;;AAGA,iD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACE,eADb;;;AAID,GANgC;;AAQjCC,EAAAA,SARiC,qBAQvBH,CARuB,EAQb;AAClB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACI,4BADF;AAEAJ,IAAAA,CAAC,CAACK,uBAFF;AAGAL,IAAAA,CAAC,CAACM,uBAHF;AAIAN,IAAAA,CAAC,CAACO,yBAJF;AAKAP,IAAAA,CAAC,CAACQ,yBALF;AAMAR,IAAAA,CAAC,CAACS,4BANF,CADJ;;;AAUD,GAnBgC;AAoBjCC,EAAAA,UApBiC,sBAoBtBV,CApBsB,EAoBZ;AACnB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACI,4BADF;AAEAJ,IAAAA,CAAC,CAACW,wBAFF;AAGAX,IAAAA,CAAC,CAACY,wBAHF;AAIAZ,IAAAA,CAAC,CAACa,0BAJF;AAKAb,IAAAA,CAAC,CAACc,0BALF;AAMAd,IAAAA,CAAC,CAACe,6BANF,CADJ;;;AAUD,GA/BgC;AAgCjCC,EAAAA,SAhCiC,qBAgCvBhB,CAhCuB,EAgCb;AAClB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACI,4BADF;AAEAJ,IAAAA,CAAC,CAACiB,uBAFF;AAGAjB,IAAAA,CAAC,CAACkB,uBAHF;AAIAlB,IAAAA,CAAC,CAACmB,yBAJF;AAKAnB,IAAAA,CAAC,CAACoB,yBALF;AAMApB,IAAAA,CAAC,CAACqB,4BANF,CADJ;;;AAUD,GA3CgC;;AA6CjCC,EAAAA,oBA7CiC,gCA6CZtB,CA7CY,EA6CF;AAC7B,eAAOC,YAAP;AACI,uCAAkBD,CAAC,CAACuB,2BAApB,CADJ;;AAGD,GAjDgC;AAkDjCC,EAAAA,qBAlDiC,iCAkDXxB,CAlDW,EAkDD;AAC9B,eAAOC,YAAP;AACI,uCAAkBD,CAAC,CAACyB,4BAApB,CADJ;;AAGD,GAtDgC;AAuDjCC,EAAAA,oBAvDiC,gCAuDZ1B,CAvDY,EAuDF;AAC7B,eAAOC,YAAP;AACI,uCAAkBD,CAAC,CAAC2B,2BAApB,CADJ;;AAGD,GA3DgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { menuHeaderSizeMixin, withIconSizeMixin } from './MenuHeader.mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.menuHeaderColor};\n      cursor: default;\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuHeaderSizeMixin(\n        t.menuHeaderLegacyPaddingRight,\n        t.menuHeaderPaddingXSmall,\n        t.menuHeaderFontSizeSmall,\n        t.menuHeaderLineHeightSmall,\n        t.menuHeaderPaddingTopSmall,\n        t.menuHeaderPaddingBottomSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuHeaderSizeMixin(\n        t.menuHeaderLegacyPaddingRight,\n        t.menuHeaderPaddingXMedium,\n        t.menuHeaderFontSizeMedium,\n        t.menuHeaderLineHeightMedium,\n        t.menuHeaderPaddingTopMedium,\n        t.menuHeaderPaddingBottomMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuHeaderSizeMixin(\n        t.menuHeaderLegacyPaddingRight,\n        t.menuHeaderPaddingXLarge,\n        t.menuHeaderFontSizeLarge,\n        t.menuHeaderLineHeightLarge,\n        t.menuHeaderPaddingTopLarge,\n        t.menuHeaderPaddingBottomLarge,\n      )};\n    `;\n  },\n\n  withLeftPaddingSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withLeftPaddingMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withLeftPaddingLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["MenuHeader.styles.ts"],"names":["getStyles","emotion","root","t","css","menuHeaderColor","rootSmall","menuHeaderLegacyPaddingRight","menuHeaderPaddingXSmall","menuHeaderFontSizeSmall","menuHeaderLineHeightSmall","menuHeaderPaddingTopSmall","menuHeaderPaddingBottomSmall","rootMedium","menuHeaderPaddingXMedium","menuHeaderFontSizeMedium","menuHeaderLineHeightMedium","menuHeaderPaddingTopMedium","menuHeaderPaddingBottomMedium","rootLarge","menuHeaderPaddingXLarge","menuHeaderFontSizeLarge","menuHeaderLineHeightLarge","menuHeaderPaddingTopLarge","menuHeaderPaddingBottomLarge","withLeftPaddingSmall","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","menuItemPaddingForIconLarge"],"mappings":";;AAEA;;;AAGA,iD;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,IADW,gBACNC,CADM,EACI;AACb,eAAOF,OAAO,CAACG,GAAf;AACWD,QAAAA,CAAC,CAACE,eADb;;;AAID,OANU;;AAQXC,MAAAA,SARW,qBAQDH,CARC,EAQS;AAClB,eAAOF,OAAO,CAACG,GAAf;AACI,6CAAoBH,OAApB;AACAE,QAAAA,CAAC,CAACI,4BADF;AAEAJ,QAAAA,CAAC,CAACK,uBAFF;AAGAL,QAAAA,CAAC,CAACM,uBAHF;AAIAN,QAAAA,CAAC,CAACO,yBAJF;AAKAP,QAAAA,CAAC,CAACQ,yBALF;AAMAR,QAAAA,CAAC,CAACS,4BANF,CADJ;;;AAUD,OAnBU;AAoBXC,MAAAA,UApBW,sBAoBAV,CApBA,EAoBU;AACnB,eAAOF,OAAO,CAACG,GAAf;AACI,6CAAoBH,OAApB;AACAE,QAAAA,CAAC,CAACI,4BADF;AAEAJ,QAAAA,CAAC,CAACW,wBAFF;AAGAX,QAAAA,CAAC,CAACY,wBAHF;AAIAZ,QAAAA,CAAC,CAACa,0BAJF;AAKAb,QAAAA,CAAC,CAACc,0BALF;AAMAd,QAAAA,CAAC,CAACe,6BANF,CADJ;;;AAUD,OA/BU;AAgCXC,MAAAA,SAhCW,qBAgCDhB,CAhCC,EAgCS;AAClB,eAAOF,OAAO,CAACG,GAAf;AACI,6CAAoBH,OAApB;AACAE,QAAAA,CAAC,CAACI,4BADF;AAEAJ,QAAAA,CAAC,CAACiB,uBAFF;AAGAjB,QAAAA,CAAC,CAACkB,uBAHF;AAIAlB,QAAAA,CAAC,CAACmB,yBAJF;AAKAnB,QAAAA,CAAC,CAACoB,yBALF;AAMApB,QAAAA,CAAC,CAACqB,4BANF,CADJ;;;AAUD,OA3CU;;AA6CXC,MAAAA,oBA7CW,gCA6CUtB,CA7CV,EA6CoB;AAC7B,eAAOF,OAAO,CAACG,GAAf;AACI,2CAAkBH,OAAlB,EAA2BE,CAAC,CAACuB,2BAA7B,CADJ;;AAGD,OAjDU;AAkDXC,MAAAA,qBAlDW,iCAkDWxB,CAlDX,EAkDqB;AAC9B,eAAOF,OAAO,CAACG,GAAf;AACI,2CAAkBH,OAAlB,EAA2BE,CAAC,CAACyB,4BAA7B,CADJ;;AAGD,OAtDU;AAuDXC,MAAAA,oBAvDW,gCAuDU1B,CAvDV,EAuDoB;AAC7B,eAAOF,OAAO,CAACG,GAAf;AACI,2CAAkBH,OAAlB,EAA2BE,CAAC,CAAC2B,2BAA7B,CADJ;;AAGD,OA3DU,EAAb,CADuB,GAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { menuHeaderSizeMixin, withIconSizeMixin } from './MenuHeader.mixins';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        color: ${t.menuHeaderColor};\n        cursor: default;\n      `;\n    },\n\n    rootSmall(t: Theme) {\n      return emotion.css`\n        ${menuHeaderSizeMixin(emotion)(\n          t.menuHeaderLegacyPaddingRight,\n          t.menuHeaderPaddingXSmall,\n          t.menuHeaderFontSizeSmall,\n          t.menuHeaderLineHeightSmall,\n          t.menuHeaderPaddingTopSmall,\n          t.menuHeaderPaddingBottomSmall,\n        )};\n      `;\n    },\n    rootMedium(t: Theme) {\n      return emotion.css`\n        ${menuHeaderSizeMixin(emotion)(\n          t.menuHeaderLegacyPaddingRight,\n          t.menuHeaderPaddingXMedium,\n          t.menuHeaderFontSizeMedium,\n          t.menuHeaderLineHeightMedium,\n          t.menuHeaderPaddingTopMedium,\n          t.menuHeaderPaddingBottomMedium,\n        )};\n      `;\n    },\n    rootLarge(t: Theme) {\n      return emotion.css`\n        ${menuHeaderSizeMixin(emotion)(\n          t.menuHeaderLegacyPaddingRight,\n          t.menuHeaderPaddingXLarge,\n          t.menuHeaderFontSizeLarge,\n          t.menuHeaderLineHeightLarge,\n          t.menuHeaderPaddingTopLarge,\n          t.menuHeaderPaddingBottomLarge,\n        )};\n      `;\n    },\n\n    withLeftPaddingSmall(t: Theme) {\n      return 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"]}

package/cjs/components/MenuItem/MenuItem.d.ts

@@ -98,6 +98,7 @@ export declare const MenuItemDataTids: {
  */
 export declare class MenuItem extends React.Component<MenuItemProps> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static __MENU_ITEM__: boolean;
     static propTypes: {
         comment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -115,6 +116,7 @@ export declare class MenuItem extends React.Component<MenuItemProps> {
         highlighted: boolean;
     };
     private theme;
+    private emotion;
     private mouseEntered;
     private setRootNode;
     private rootRef;
@@ -135,6 +137,9 @@ export declare class MenuItem extends React.Component<MenuItemProps> {
     private getIconSizeClassName;
     private getWithIconSizeClassName;
     private renderMain;
+    private get activeState();
+    private get isHover();
+    private get isSelected();
     private handleMouseEnterFix;
     private handleMouseLeave;
     private handleClick;