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

package/cjs/components/MenuItem/MenuItem.styles.js

@@ -1,4 +1,6 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = exports.getMenuItemPaddings = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = exports.getMenuItemPaddings = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+
+
 var _Emotion = require("../../lib/theming/Emotion");
 var _Mixins = require("../../lib/styles/Mixins");
 
@@ -19,155 +21,158 @@ var getMenuItemPaddings = function getMenuItemPaddings(_ref)
   return { paddingX: paddingX, paddingY: paddingY };
 };exports.getMenuItemPaddings = getMenuItemPaddings;
 
-var styles = (0, _Emotion.memoizeStyle)({
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      cursor: pointer;\n      display: ", ";\n      position: relative;\n      text-decoration: none;\n      color: ", ";\n      border-radius: ", ";\n\n      button& {\n        min-width: 100%;\n      }\n\n      &:nth-last-of-type(n + 2) {\n        margin-bottom: ", ";\n      }\n    "])),
-    (0, _Mixins.resetButton)(),
+var getStyles = function getStyles(emotion) {
+  return (0, _Emotion.memoizeStyle)({
+    root: function root(t) {
+      return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n\n        cursor: pointer;\n        display: ", ";\n        position: relative;\n        text-decoration: none;\n        color: ", ";\n        border-radius: ", ";\n\n        button& {\n          min-width: 100%;\n        }\n\n        &:nth-last-of-type(n + 2) {\n          margin-bottom: ", ";\n        }\n      "])),
+      (0, _Mixins.resetButton)(emotion),
+
 
+      t.menuItemDisplay,
 
-    t.menuItemDisplay,
 
+      t.menuItemTextColor,
+      t.menuItemBorderRadius,
 
-    t.menuItemTextColor,
-    t.menuItemBorderRadius,
 
 
 
 
 
+      t.menuItemGap);
 
-    t.menuItemGap);
 
+    },
 
-  },
+    rootSmall: function rootSmall(t) {
+      return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+      (0, _MenuItem.menuItemSizeMixin)(emotion)(
+      t.menuItemLegacyPaddingX,
+      t.menuItemPaddingXSmall,
+      t.menuItemLegacyPaddingY,
+      t.menuItemPaddingYSmall,
+      t.menuItemLineHeightSmall,
+      t.menuItemFontSizeSmall));
 
-  rootSmall: function rootSmall(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _MenuItem.menuItemSizeMixin)(
-    t.menuItemLegacyPaddingX,
-    t.menuItemPaddingXSmall,
-    t.menuItemLegacyPaddingY,
-    t.menuItemPaddingYSmall,
-    t.menuItemLineHeightSmall,
-    t.menuItemFontSizeSmall));
 
+    },
+    rootMedium: function rootMedium(t) {
+      return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+      (0, _MenuItem.menuItemSizeMixin)(emotion)(
+      t.menuItemLegacyPaddingX,
+      t.menuItemPaddingXMedium,
+      t.menuItemLegacyPaddingY,
+      t.menuItemPaddingYMedium,
+      t.menuItemLineHeightMedium,
+      t.menuItemFontSizeMedium));
 
-  },
-  rootMedium: function rootMedium(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _MenuItem.menuItemSizeMixin)(
-    t.menuItemLegacyPaddingX,
-    t.menuItemPaddingXMedium,
-    t.menuItemLegacyPaddingY,
-    t.menuItemPaddingYMedium,
-    t.menuItemLineHeightMedium,
-    t.menuItemFontSizeMedium));
 
+    },
+    rootLarge: function rootLarge(t) {
+      return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+      (0, _MenuItem.menuItemSizeMixin)(emotion)(
+      t.menuItemLegacyPaddingX,
+      t.menuItemPaddingXLarge,
+      t.menuItemLegacyPaddingY,
+      t.menuItemPaddingYLarge,
+      t.menuItemLineHeightLarge,
+      t.menuItemFontSizeLarge));
 
-  },
-  rootLarge: function rootLarge(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _MenuItem.menuItemSizeMixin)(
-    t.menuItemLegacyPaddingX,
-    t.menuItemPaddingXLarge,
-    t.menuItemLegacyPaddingY,
-    t.menuItemPaddingYLarge,
-    t.menuItemLineHeightLarge,
-    t.menuItemFontSizeLarge));
 
+    },
 
-  },
+    rootMobile: function rootMobile(t) {
+      return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", ";\n      "])),
+      t.menuItemFontSizeMobile,
+      t.menuItemLineHeightMobile,
+      t.menuItemPaddingMobile);
 
-  rootMobile: function rootMobile(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])),
-    t.menuItemFontSizeMobile,
-    t.menuItemLineHeightMobile,
-    t.menuItemPaddingMobile);
+    },
 
-  },
+    hover: function hover(t) {
+      // Color with !important in purpose to override `a:hover`
+      return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", " !important;\n        color: ", " !important;\n      "])),
+      t.menuItemHoverBg,
+      t.menuItemHoverColor);
 
-  hover: function hover(t) {
-    // Color with !important in purpose to override `a:hover`
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n      color: ", " !important;\n    "])),
-    t.menuItemHoverBg,
-    t.menuItemHoverColor);
+    },
+    selected: function selected(t) {
+      return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", " !important;\n      "])),
+      t.menuItemSelectedBg);
 
-  },
-  selected: function selected(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n    "])),
-    t.menuItemSelectedBg);
+    },
+    disabled: function disabled(t) {
+      return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        color: ", ";\n        cursor: default;\n      "])),
+      t.menuItemDisabledBg,
+      t.menuItemDisabledColor);
 
-  },
-  disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      cursor: default;\n    "])),
-    t.menuItemDisabledBg,
-    t.menuItemDisabledColor);
 
+    },
+    link: function link(t) {
+      return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+      t.menuItemLinkColor);
 
-  },
-  link: function link(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.menuItemLinkColor);
+    },
+    loose: function loose() {
+      return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding-left: 15px;\n      "])));
 
-  },
-  loose: function loose() {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: 15px;\n    "])));
 
+    },
+    withIconSmall: function withIconSmall(t) {
+      return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
+      (0, _MenuItem.withIconSizeMixin)(emotion)(t.menuItemPaddingForIconSmall));
 
-  },
-  withIconSmall: function withIconSmall(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
-    (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconSmall));
+    },
+    withIconMedium: function withIconMedium(t) {
+      return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
+      (0, _MenuItem.withIconSizeMixin)(emotion)(t.menuItemPaddingForIconMedium));
 
-  },
-  withIconMedium: function withIconMedium(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
-    (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconMedium));
+    },
+    withIconLarge: function withIconLarge(t) {
+      return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
+      (0, _MenuItem.withIconSizeMixin)(emotion)(t.menuItemPaddingForIconLarge));
 
-  },
-  withIconLarge: function withIconLarge(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
-    (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconLarge));
+    },
+    comment: function comment(t) {
+      return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        opacity: ", ";\n        white-space: normal;\n        padding-top: 4px;\n      "])),
+      t.menuItemCommentColor,
+      t.menuItemCommentOpacity);
 
-  },
-  comment: function comment(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      opacity: ", ";\n      white-space: normal;\n      padding-top: 4px;\n    "])),
-    t.menuItemCommentColor,
-    t.menuItemCommentOpacity);
 
 
+    },
+    commentHover: function commentHover(t) {
+      return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        opacity: 0.6;\n      "])),
+      t.menuItemCommentColorHover);
 
-  },
-  commentHover: function commentHover(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      opacity: 0.6;\n    "])),
-    t.menuItemCommentColorHover);
 
+    },
+    icon: function icon(t) {
+      return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        position: absolute;\n        transform: translateY(", ");\n      "])),
 
-  },
-  icon: function icon(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: absolute;\n      transform: translateY(", ");\n    "])),
 
+      t.menuItemIconLegacyShift);
 
-    t.menuItemIconLegacyShift);
+    },
+    iconSmall: function iconSmall(t) {
+      return emotion.css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+      (0, _MenuItem.iconSizeMixin)(emotion)(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall, t.menuItemIconLegacyMargin));
 
-  },
-  iconSmall: function iconSmall(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall, t.menuItemIconLegacyMargin));
+    },
+    iconMedium: function iconMedium(t) {
+      return emotion.css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+      (0, _MenuItem.iconSizeMixin)(emotion)(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium, t.menuItemIconLegacyMargin));
 
-  },
-  iconMedium: function iconMedium(t) {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium, t.menuItemIconLegacyMargin));
+    },
+    iconLarge: function iconLarge(t) {
+      return emotion.css(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+      (0, _MenuItem.iconSizeMixin)(emotion)(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge, t.menuItemIconLegacyMargin));
 
-  },
-  iconLarge: function iconLarge(t) {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge, t.menuItemIconLegacyMargin));
+    },
+    mobileContentWithIcon: function mobileContentWithIcon() {
+      return emotion.css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-left: 8px;\n      "])));
 
-  },
-  mobileContentWithIcon: function mobileContentWithIcon() {
-    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: 8px;\n    "])));
 
+    } });
 
-  } });exports.styles = styles;
+};exports.getStyles = getStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuItem.styles.ts"],"names":["getMenuItemPaddings","menuItemLegacyPaddingX","menuItemPaddingX","menuItemLegacyPaddingY","menuItemPaddingY","legacyPaddingX","parseFloat","legacyPaddingY","paddingX","paddingY","styles","root","t","css","menuItemDisplay","menuItemTextColor","menuItemBorderRadius","menuItemGap","rootSmall","menuItemPaddingXSmall","menuItemPaddingYSmall","menuItemLineHeightSmall","menuItemFontSizeSmall","rootMedium","menuItemPaddingXMedium","menuItemPaddingYMedium","menuItemLineHeightMedium","menuItemFontSizeMedium","rootLarge","menuItemPaddingXLarge","menuItemPaddingYLarge","menuItemLineHeightLarge","menuItemFontSizeLarge","rootMobile","menuItemFontSizeMobile","menuItemLineHeightMobile","menuItemPaddingMobile","hover","menuItemHoverBg","menuItemHoverColor","selected","menuItemSelectedBg","disabled","menuItemDisabledBg","menuItemDisabledColor","link","menuItemLinkColor","loose","withIconSmall","menuItemPaddingForIconSmall","withIconMedium","menuItemPaddingForIconMedium","withIconLarge","menuItemPaddingForIconLarge","comment","menuItemCommentColor","menuItemCommentOpacity","commentHover","menuItemCommentColorHover","icon","menuItemIconLegacyShift","iconSmall","menuItemIconWidthSmall","menuItemIconLegacyMargin","iconMedium","menuItemIconWidthMedium","iconLarge","menuItemIconWidthLarge","mobileContentWithIcon"],"mappings":"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","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nimport { iconSizeMixin, menuItemSizeMixin, withIconSizeMixin } from './MenuItem.mixins';\n\nexport const getMenuItemPaddings = ({\n  menuItemLegacyPaddingX,\n  menuItemPaddingX,\n  menuItemLegacyPaddingY,\n  menuItemPaddingY,\n}: Record<'menuItemLegacyPaddingX' | 'menuItemPaddingX' | 'menuItemLegacyPaddingY' | 'menuItemPaddingY', string>) => {\n  const legacyPaddingX = parseFloat(menuItemLegacyPaddingX);\n  const legacyPaddingY = parseFloat(menuItemLegacyPaddingY);\n\n  const paddingX = legacyPaddingX !== 0 ? `${parseFloat(menuItemPaddingX) + legacyPaddingX}px` : menuItemPaddingX;\n  const paddingY = legacyPaddingY !== 0 ? `${parseFloat(menuItemPaddingY) + legacyPaddingY}px` : menuItemPaddingY;\n\n  return { paddingX, paddingY };\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()};\n\n      cursor: pointer;\n      display: ${t.menuItemDisplay};\n      position: relative;\n      text-decoration: none;\n      color: ${t.menuItemTextColor};\n      border-radius: ${t.menuItemBorderRadius};\n\n      button& {\n        min-width: 100%;\n      }\n\n      &:nth-last-of-type(n + 2) {\n        margin-bottom: ${t.menuItemGap};\n      }\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemLegacyPaddingX,\n        t.menuItemPaddingXSmall,\n        t.menuItemLegacyPaddingY,\n        t.menuItemPaddingYSmall,\n        t.menuItemLineHeightSmall,\n        t.menuItemFontSizeSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemLegacyPaddingX,\n        t.menuItemPaddingXMedium,\n        t.menuItemLegacyPaddingY,\n        t.menuItemPaddingYMedium,\n        t.menuItemLineHeightMedium,\n        t.menuItemFontSizeMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemLegacyPaddingX,\n        t.menuItemPaddingXLarge,\n        t.menuItemLegacyPaddingY,\n        t.menuItemPaddingYLarge,\n        t.menuItemLineHeightLarge,\n        t.menuItemFontSizeLarge,\n      )};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.menuItemFontSizeMobile};\n      line-height: ${t.menuItemLineHeightMobile};\n      padding: ${t.menuItemPaddingMobile};\n    `;\n  },\n\n  hover(t: Theme) {\n    // Color with !important in purpose to override `a:hover`\n    return css`\n      background: ${t.menuItemHoverBg} !important;\n      color: ${t.menuItemHoverColor} !important;\n    `;\n  },\n  selected(t: Theme) {\n    return css`\n      background: ${t.menuItemSelectedBg} !important;\n    `;\n  },\n  disabled(t: Theme) {\n    return css`\n      background: ${t.menuItemDisabledBg};\n      color: ${t.menuItemDisabledColor};\n      cursor: default;\n    `;\n  },\n  link(t: Theme) {\n    return css`\n      color: ${t.menuItemLinkColor};\n    `;\n  },\n  loose() {\n    return css`\n      padding-left: 15px;\n    `;\n  },\n  withIconSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withIconMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withIconLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n  comment(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColor};\n      opacity: ${t.menuItemCommentOpacity};\n      white-space: normal;\n      padding-top: 4px;\n    `;\n  },\n  commentHover(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColorHover};\n      opacity: 0.6;\n    `;\n  },\n  icon(t: Theme) {\n    return css`\n      display: inline-block;\n      position: absolute;\n      transform: translateY(${t.menuItemIconLegacyShift});\n    `;\n  },\n  iconSmall(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall, t.menuItemIconLegacyMargin)};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium, t.menuItemIconLegacyMargin)};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge, t.menuItemIconLegacyMargin)};\n    `;\n  },\n  mobileContentWithIcon() {\n    return css`\n      margin-left: 8px;\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["MenuItem.styles.ts"],"names":["getMenuItemPaddings","menuItemLegacyPaddingX","menuItemPaddingX","menuItemLegacyPaddingY","menuItemPaddingY","legacyPaddingX","parseFloat","legacyPaddingY","paddingX","paddingY","getStyles","emotion","root","t","css","menuItemDisplay","menuItemTextColor","menuItemBorderRadius","menuItemGap","rootSmall","menuItemPaddingXSmall","menuItemPaddingYSmall","menuItemLineHeightSmall","menuItemFontSizeSmall","rootMedium","menuItemPaddingXMedium","menuItemPaddingYMedium","menuItemLineHeightMedium","menuItemFontSizeMedium","rootLarge","menuItemPaddingXLarge","menuItemPaddingYLarge","menuItemLineHeightLarge","menuItemFontSizeLarge","rootMobile","menuItemFontSizeMobile","menuItemLineHeightMobile","menuItemPaddingMobile","hover","menuItemHoverBg","menuItemHoverColor","selected","menuItemSelectedBg","disabled","menuItemDisabledBg","menuItemDisabledColor","link","menuItemLinkColor","loose","withIconSmall","menuItemPaddingForIconSmall","withIconMedium","menuItemPaddingForIconMedium","withIconLarge","menuItemPaddingForIconLarge","comment","menuItemCommentColor","menuItemCommentOpacity","commentHover","menuItemCommentColorHover","icon","menuItemIconLegacyShift","iconSmall","menuItemIconWidthSmall","menuItemIconLegacyMargin","iconMedium","menuItemIconWidthMedium","iconLarge","menuItemIconWidthLarge","mobileContentWithIcon"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nimport { iconSizeMixin, menuItemSizeMixin, withIconSizeMixin } from './MenuItem.mixins';\n\nexport const getMenuItemPaddings = ({\n  menuItemLegacyPaddingX,\n  menuItemPaddingX,\n  menuItemLegacyPaddingY,\n  menuItemPaddingY,\n}: Record<'menuItemLegacyPaddingX' | 'menuItemPaddingX' | 'menuItemLegacyPaddingY' | 'menuItemPaddingY', string>) => {\n  const legacyPaddingX = parseFloat(menuItemLegacyPaddingX);\n  const legacyPaddingY = parseFloat(menuItemLegacyPaddingY);\n\n  const paddingX = legacyPaddingX !== 0 ? `${parseFloat(menuItemPaddingX) + legacyPaddingX}px` : menuItemPaddingX;\n  const paddingY = legacyPaddingY !== 0 ? `${parseFloat(menuItemPaddingY) + legacyPaddingY}px` : menuItemPaddingY;\n\n  return { paddingX, paddingY };\n};\n\nexport const getStyles = (emotion: Emotion) => {\n  return memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        ${resetButton(emotion)};\n\n        cursor: pointer;\n        display: ${t.menuItemDisplay};\n        position: relative;\n        text-decoration: none;\n        color: ${t.menuItemTextColor};\n        border-radius: ${t.menuItemBorderRadius};\n\n        button& {\n          min-width: 100%;\n        }\n\n        &:nth-last-of-type(n + 2) {\n          margin-bottom: ${t.menuItemGap};\n        }\n      `;\n    },\n\n    rootSmall(t: Theme) {\n      return emotion.css`\n        ${menuItemSizeMixin(emotion)(\n          t.menuItemLegacyPaddingX,\n          t.menuItemPaddingXSmall,\n          t.menuItemLegacyPaddingY,\n          t.menuItemPaddingYSmall,\n          t.menuItemLineHeightSmall,\n          t.menuItemFontSizeSmall,\n        )};\n      `;\n    },\n    rootMedium(t: Theme) {\n      return emotion.css`\n        ${menuItemSizeMixin(emotion)(\n          t.menuItemLegacyPaddingX,\n          t.menuItemPaddingXMedium,\n          t.menuItemLegacyPaddingY,\n          t.menuItemPaddingYMedium,\n          t.menuItemLineHeightMedium,\n          t.menuItemFontSizeMedium,\n        )};\n      `;\n    },\n    rootLarge(t: Theme) {\n      return emotion.css`\n        ${menuItemSizeMixin(emotion)(\n          t.menuItemLegacyPaddingX,\n          t.menuItemPaddingXLarge,\n          t.menuItemLegacyPaddingY,\n          t.menuItemPaddingYLarge,\n          t.menuItemLineHeightLarge,\n          t.menuItemFontSizeLarge,\n        )};\n      `;\n    },\n\n    rootMobile(t: Theme) {\n      return emotion.css`\n        font-size: ${t.menuItemFontSizeMobile};\n        line-height: ${t.menuItemLineHeightMobile};\n        padding: ${t.menuItemPaddingMobile};\n      `;\n    },\n\n    hover(t: Theme) {\n      // Color with !important in purpose to override `a:hover`\n      return emotion.css`\n        background: ${t.menuItemHoverBg} !important;\n        color: ${t.menuItemHoverColor} !important;\n      `;\n    },\n    selected(t: Theme) {\n      return emotion.css`\n        background: ${t.menuItemSelectedBg} !important;\n      `;\n    },\n    disabled(t: Theme) {\n      return emotion.css`\n        background: ${t.menuItemDisabledBg};\n        color: ${t.menuItemDisabledColor};\n        cursor: default;\n      `;\n    },\n    link(t: Theme) {\n      return emotion.css`\n        color: ${t.menuItemLinkColor};\n      `;\n    },\n    loose() {\n      return emotion.css`\n        padding-left: 15px;\n      `;\n    },\n    withIconSmall(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconSmall)}\n      `;\n    },\n    withIconMedium(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconMedium)}\n      `;\n    },\n    withIconLarge(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconLarge)}\n      `;\n    },\n    comment(t: Theme) {\n      return emotion.css`\n        color: ${t.menuItemCommentColor};\n        opacity: ${t.menuItemCommentOpacity};\n        white-space: normal;\n        padding-top: 4px;\n      `;\n    },\n    commentHover(t: Theme) {\n      return emotion.css`\n        color: ${t.menuItemCommentColorHover};\n        opacity: 0.6;\n      `;\n    },\n    icon(t: Theme) {\n      return emotion.css`\n        display: inline-block;\n        position: absolute;\n        transform: translateY(${t.menuItemIconLegacyShift});\n      `;\n    },\n    iconSmall(t: Theme) {\n      return emotion.css`\n        ${iconSizeMixin(emotion)(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall, t.menuItemIconLegacyMargin)};\n      `;\n    },\n    iconMedium(t: Theme) {\n      return emotion.css`\n        ${iconSizeMixin(emotion)(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium, t.menuItemIconLegacyMargin)};\n      `;\n    },\n    iconLarge(t: Theme) {\n      return emotion.css`\n        ${iconSizeMixin(emotion)(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge, t.menuItemIconLegacyMargin)};\n      `;\n    },\n    mobileContentWithIcon() {\n      return emotion.css`\n        margin-left: 8px;\n      `;\n    },\n  });\n};\n"]}

package/cjs/components/MenuSeparator/MenuSeparator.d.ts

@@ -11,5 +11,6 @@ export declare const MenuSeparatorDataTids: {
 declare function MenuSeparator(props: MenuSeparatorProps): JSX.Element;
 declare namespace MenuSeparator {
     var __KONTUR_REACT_UI__: string;
+    var displayName: string;
 }
 export { MenuSeparator };

package/cjs/components/MenuSeparator/MenuSeparator.js

@@ -1,11 +1,11 @@
-"use strict";exports.__esModule = true;exports.MenuSeparator = MenuSeparator;exports.MenuSeparatorDataTids = void 0;var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MenuSeparator = MenuSeparator;exports.MenuSeparatorDataTids = void 0;var _react = _interopRequireDefault(require("react"));
 
-var _Emotion = require("../../lib/theming/Emotion");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _ResponsiveLayout = require("../ResponsiveLayout");
+var _useTheme = require("../../lib/theming/useTheme");
+var _Emotion = require("../../lib/theming/Emotion");
 
-var _MenuSeparator = require("./MenuSeparator.styles");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 _MenuSeparator = require("./MenuSeparator.styles");
 
 
 
@@ -18,16 +18,18 @@ var MenuSeparatorDataTids = {
  * Сущности в которых может быть использован `MenuSeparator`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).
  */exports.MenuSeparatorDataTids = MenuSeparatorDataTids;
 function MenuSeparator(props) {
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var theme = (0, _useTheme.useTheme)();
+  var emotion = (0, _Emotion.useEmotion)();
+  var styles = (0, _MenuSeparator.getStyles)(emotion);
 
   return /*#__PURE__*/(
     _react.default.createElement(_CommonWrapper.CommonWrapper, props, /*#__PURE__*/
     _react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null,
-    function (_ref) {var _cx;var isMobile = _ref.isMobile;
+    function (_ref) {var _emotion$cx;var isMobile = _ref.isMobile;
       return /*#__PURE__*/(
         _react.default.createElement("div", {
           "data-tid": MenuSeparatorDataTids.root,
-          className: (0, _Emotion.cx)((_cx = {}, _cx[_MenuSeparator.styles.root(theme)] = true, _cx[_MenuSeparator.styles.rootMobile(theme)] = isMobile, _cx)) }));
+          className: emotion.cx((_emotion$cx = {}, _emotion$cx[styles.root(theme)] = true, _emotion$cx[styles.rootMobile(theme)] = isMobile, _emotion$cx)) }));
 
 
     })));
@@ -36,4 +38,5 @@ function MenuSeparator(props) {
 
 }
 
-MenuSeparator.__KONTUR_REACT_UI__ = 'MenuSeparator';
+MenuSeparator.__KONTUR_REACT_UI__ = 'MenuSeparator';
+MenuSeparator.displayName = 'MenuSeparator';

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuSeparator.tsx"],"names":["MenuSeparatorDataTids","root","MenuSeparator","props","theme","ThemeContext","isMobile","styles","rootMobile","__KONTUR_REACT_UI__"],"mappings":"oHAAA;;AAEA;AACA;AACA;AACA;;AAEA,uD;;;;AAIO,IAAMA,qBAAqB,GAAG;AACnCC,EAAAA,IAAI,EAAE,qBAD6B,EAA9B;;AAGP;AACA;AACA;AACA;AACA,G;AACA,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;AAChD,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE,iCAAC,4BAAD,EAAmBF,KAAnB;AACE,iCAAC,kCAAD;AACG,oBAAkB,aAAfG,QAAe,QAAfA,QAAe;AACjB;AACE;AACE,sBAAUN,qBAAqB,CAACC,IADlC;AAEE,UAAA,SAAS,EAAE,gCAAMM,sBAAON,IAAP,CAAYG,KAAZ,CAAN,IAA2B,IAA3B,MAAkCG,sBAAOC,UAAP,CAAkBJ,KAAlB,CAAlC,IAA6DE,QAA7D,OAFb,GADF;;;AAMD,KARH,CADF,CADF;;;;AAcD;;AAEDJ,aAAa,CAACO,mBAAd,GAAoC,eAApC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\n\nimport { styles } from './MenuSeparator.styles';\n\nexport type MenuSeparatorProps = CommonProps;\n\nexport const MenuSeparatorDataTids = {\n  root: 'MenuSeparator__root',\n} as const;\n/**\n * Добавляет разделительную линию между элементами меню.\n *\n * Сущности в которых может быть использован `MenuSeparator`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).\n */\nfunction MenuSeparator(props: MenuSeparatorProps) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <CommonWrapper {...props}>\n      <ResponsiveLayout>\n        {({ isMobile }) => {\n          return (\n            <div\n              data-tid={MenuSeparatorDataTids.root}\n              className={cx({ [styles.root(theme)]: true, [styles.rootMobile(theme)]: isMobile })}\n            />\n          );\n        }}\n      </ResponsiveLayout>\n    </CommonWrapper>\n  );\n}\n\nMenuSeparator.__KONTUR_REACT_UI__ = 'MenuSeparator';\n\nexport { MenuSeparator };\n"]}
+{"version":3,"sources":["MenuSeparator.tsx"],"names":["MenuSeparatorDataTids","root","MenuSeparator","props","theme","emotion","styles","isMobile","cx","rootMobile","__KONTUR_REACT_UI__","displayName"],"mappings":"iNAAA;;AAEA;AACA;AACA;AACA;;AAEA;;;;AAIO,IAAMA,qBAAqB,GAAG;AACnCC,EAAAA,IAAI,EAAE,qBAD6B,EAA9B;;AAGP;AACA;AACA;AACA;AACA,G;AACA,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;AAChD,MAAMC,KAAK,GAAG,yBAAd;AACA,MAAMC,OAAO,GAAG,0BAAhB;AACA,MAAMC,MAAM,GAAG,8BAAUD,OAAV,CAAf;;AAEA;AACE,iCAAC,4BAAD,EAAmBF,KAAnB;AACE,iCAAC,kCAAD;AACG,oBAAkB,qBAAfI,QAAe,QAAfA,QAAe;AACjB;AACE;AACE,sBAAUP,qBAAqB,CAACC,IADlC;AAEE,UAAA,SAAS,EAAEI,OAAO,CAACG,EAAR,gCAAcF,MAAM,CAACL,IAAP,CAAYG,KAAZ,CAAd,IAAmC,IAAnC,cAA0CE,MAAM,CAACG,UAAP,CAAkBL,KAAlB,CAA1C,IAAqEG,QAArE,eAFb,GADF;;;AAMD,KARH,CADF,CADF;;;;AAcD;;AAEDL,aAAa,CAACQ,mBAAd,GAAoC,eAApC;AACAR,aAAa,CAACS,WAAd,GAA4B,eAA5B","sourcesContent":["import React from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { useTheme } from '../../lib/theming/useTheme';\nimport { useEmotion } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './MenuSeparator.styles';\n\nexport type MenuSeparatorProps = CommonProps;\n\nexport const MenuSeparatorDataTids = {\n  root: 'MenuSeparator__root',\n} as const;\n/**\n * Добавляет разделительную линию между элементами меню.\n *\n * Сущности в которых может быть использован `MenuSeparator`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).\n */\nfunction MenuSeparator(props: MenuSeparatorProps) {\n  const theme = useTheme();\n  const emotion = useEmotion();\n  const styles = getStyles(emotion);\n\n  return (\n    <CommonWrapper {...props}>\n      <ResponsiveLayout>\n        {({ isMobile }) => {\n          return (\n            <div\n              data-tid={MenuSeparatorDataTids.root}\n              className={emotion.cx({ [styles.root(theme)]: true, [styles.rootMobile(theme)]: isMobile })}\n            />\n          );\n        }}\n      </ResponsiveLayout>\n    </CommonWrapper>\n  );\n}\n\nMenuSeparator.__KONTUR_REACT_UI__ = 'MenuSeparator';\nMenuSeparator.displayName = 'MenuSeparator';\n\nexport { MenuSeparator };\n"]}

package/cjs/components/MenuSeparator/MenuSeparator.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;
     rootMobile(t: Theme): string;
 };

package/cjs/components/MenuSeparator/MenuSeparator.styles.js

@@ -1,17 +1,20 @@
-"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");var _templateObject, _templateObject2;
+"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 _templateObject, _templateObject2;
 
-var styles = (0, _Emotion.memoizeStyle)({
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", " ", ";\n      border-top: ", " solid ", ";\n    "])),
-    t.menuSeparatorMarginY, t.menuSeparatorMarginX,
-    t.menuSeparatorBorderWidth, t.menuSeparatorBorderColor);
 
-  },
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      root: function root(t) {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin: ", " ", ";\n        border-top: ", " solid ", ";\n      "])),
+        t.menuSeparatorMarginY, t.menuSeparatorMarginX,
+        t.menuSeparatorBorderWidth, t.menuSeparatorBorderColor);
 
-  rootMobile: function rootMobile(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", " ", ";\n      border-radius: 1px;\n    "])),
-    t.mobileMenuSeparatorMarginY, t.mobileMenuSeparatorMarginX);
+      },
 
+      rootMobile: function rootMobile(t) {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin: ", " ", ";\n        border-radius: 1px;\n      "])),
+        t.mobileMenuSeparatorMarginY, t.mobileMenuSeparatorMarginX);
 
-  } });exports.styles = styles;
+
+      } }));};exports.getStyles = getStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuSeparator.styles.ts"],"names":["styles","root","t","css","menuSeparatorMarginY","menuSeparatorMarginX","menuSeparatorBorderWidth","menuSeparatorBorderColor","rootMobile","mobileMenuSeparatorMarginY","mobileMenuSeparatorMarginX"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACE,oBADd,EACsCF,CAAC,CAACG,oBADxC;AAEgBH,IAAAA,CAAC,CAACI,wBAFlB,EAEoDJ,CAAC,CAACK,wBAFtD;;AAID,GANgC;;AAQjCC,EAAAA,UARiC,sBAQtBN,CARsB,EAQZ;AACnB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACO,0BADd,EAC4CP,CAAC,CAACQ,0BAD9C;;;AAID,GAbgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      margin: ${t.menuSeparatorMarginY} ${t.menuSeparatorMarginX};\n      border-top: ${t.menuSeparatorBorderWidth} solid ${t.menuSeparatorBorderColor};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      margin: ${t.mobileMenuSeparatorMarginY} ${t.mobileMenuSeparatorMarginX};\n      border-radius: 1px;\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["MenuSeparator.styles.ts"],"names":["getStyles","emotion","root","t","css","menuSeparatorMarginY","menuSeparatorMarginX","menuSeparatorBorderWidth","menuSeparatorBorderColor","rootMobile","mobileMenuSeparatorMarginY","mobileMenuSeparatorMarginX"],"mappings":";;AAEA,oD;;;AAGO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,IADW,gBACNC,CADM,EACI;AACb,eAAOF,OAAO,CAACG,GAAf;AACYD,QAAAA,CAAC,CAACE,oBADd,EACsCF,CAAC,CAACG,oBADxC;AAEgBH,QAAAA,CAAC,CAACI,wBAFlB,EAEoDJ,CAAC,CAACK,wBAFtD;;AAID,OANU;;AAQXC,MAAAA,UARW,sBAQAN,CARA,EAQU;AACnB,eAAOF,OAAO,CAACG,GAAf;AACYD,QAAAA,CAAC,CAACO,0BADd,EAC4CP,CAAC,CAACQ,0BAD9C;;;AAID,OAbU,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\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        margin: ${t.menuSeparatorMarginY} ${t.menuSeparatorMarginX};\n        border-top: ${t.menuSeparatorBorderWidth} solid ${t.menuSeparatorBorderColor};\n      `;\n    },\n\n    rootMobile(t: Theme) {\n      return emotion.css`\n        margin: ${t.mobileMenuSeparatorMarginY} ${t.mobileMenuSeparatorMarginX};\n        border-radius: 1px;\n      `;\n    },\n  });\n"]}

package/cjs/components/MiniModal/MiniModal.js

@@ -1,14 +1,15 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.MiniModalDataTids = exports.MiniModal = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MiniModalDataTids = exports.MiniModal = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
 
 var _Modal = require("../Modal");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
+var _useTheme = require("../../lib/theming/useTheme");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _getMiniModalTheme = require("./getMiniModalTheme");
 var _MiniModalFooter = require("./MiniModalFooter");
 var _MiniModalHeader = require("./MiniModalHeader");
 var _MiniModalBody = require("./MiniModalBody");
-var _MiniModalIndent = require("./MiniModalIndent");var _excluded = ["children", "theme"];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 _MiniModalIndent = require("./MiniModalIndent");var _excluded = ["children", "theme"];
 
 var MiniModalDataTids = {
   icon: 'MiniModal__icon',
@@ -28,7 +29,7 @@ var MiniModal = (0, _forwardRefAndName.forwardRefAndName)(
 
 
 'MiniModal', function (_ref, ref) {var children = _ref.children,propsTheme = _ref.theme,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  var contextTheme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var contextTheme = (0, _useTheme.useTheme)();
 
   return /*#__PURE__*/(
     _react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: (0, _getMiniModalTheme.getMiniModalTheme)(contextTheme, propsTheme) }, /*#__PURE__*/
@@ -39,8 +40,6 @@ var MiniModal = (0, _forwardRefAndName.forwardRefAndName)(
 
 });exports.MiniModal = MiniModal;
 
-MiniModal.__KONTUR_REACT_UI__ = 'MiniModal';
-
 MiniModal.Header = _MiniModalHeader.MiniModalHeader;
 MiniModal.Footer = _MiniModalFooter.MiniModalFooter;
 MiniModal.Indent = _MiniModalIndent.MiniModalIndent;

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

@@ -1 +1 @@
-{"version":3,"sources":["MiniModal.tsx"],"names":["MiniModalDataTids","icon","title","description","actions","indent","MiniModal","ref","children","propsTheme","theme","rest","contextTheme","ThemeContext","__KONTUR_REACT_UI__","Header","MiniModalHeader","Footer","MiniModalFooter","Indent","MiniModalIndent","Body","MiniModalBody"],"mappings":"iYAAA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,oD;;AAEO,IAAMA,iBAAiB,GAAG;AAC/BC,EAAAA,IAAI,EAAE,iBADyB;AAE/BC,EAAAA,KAAK,EAAE,kBAFwB;AAG/BC,EAAAA,WAAW,EAAE,wBAHkB;AAI/BC,EAAAA,OAAO,EAAE,oBAJsB;AAK/BC,EAAAA,MAAM,EAAE,mBALuB,EAA1B,C;;;AAQA,IAAMC,SAAS,GAAG;;;;;;;;;AASvB,WATuB,EASV,gBAA2CC,GAA3C,EAAmD,KAAhDC,QAAgD,QAAhDA,QAAgD,CAA/BC,UAA+B,QAAtCC,KAAsC,CAAhBC,IAAgB;AAChE,MAAMC,YAAY,GAAG,uBAAWC,0BAAX,CAArB;;AAEA;AACE,iCAAC,0BAAD,CAAc,QAAd,IAAuB,KAAK,EAAE,0CAAkBD,YAAlB,EAAgCH,UAAhC,CAA9B;AACE,iCAAC,YAAD,2BAAO,KAAK,EAAE,GAAd,EAAmB,OAAO,MAA1B,EAA2B,GAAG,EAAEF,GAAhC,IAAyCI,IAAzC;AACGH,IAAAA,QADH,CADF,CADF;;;;AAOD,CAnBwB,CAAlB,C;;AAqBPF,SAAS,CAACQ,mBAAV,GAAgC,WAAhC;;AAEAR,SAAS,CAACS,MAAV,GAAmBC,gCAAnB;AACAV,SAAS,CAACW,MAAV,GAAmBC,gCAAnB;AACAZ,SAAS,CAACa,MAAV,GAAmBC,gCAAnB;AACAd,SAAS,CAACe,IAAV,GAAiBC,4BAAjB","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Modal, ModalProps } from '../Modal';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { getMiniModalTheme } from './getMiniModalTheme';\nimport { MiniModalFooter } from './MiniModalFooter';\nimport { MiniModalHeader } from './MiniModalHeader';\nimport { MiniModalBody } from './MiniModalBody';\nimport { MiniModalIndent } from './MiniModalIndent';\n\nexport const MiniModalDataTids = {\n  icon: 'MiniModal__icon',\n  title: 'MiniModal__title',\n  description: 'MiniModal__description',\n  actions: 'MiniModal__actions',\n  indent: 'MiniModal__indent',\n} as const;\n\nexport const MiniModal = forwardRefAndName<\n  Modal,\n  ModalProps,\n  {\n    Header: typeof MiniModalHeader;\n    Indent: typeof MiniModalIndent;\n    Footer: typeof MiniModalFooter;\n    Body: typeof MiniModalBody;\n  }\n>('MiniModal', ({ children, theme: propsTheme, ...rest }, ref) => {\n  const contextTheme = useContext(ThemeContext);\n\n  return (\n    <ThemeContext.Provider value={getMiniModalTheme(contextTheme, propsTheme)}>\n      <Modal width={400} noClose ref={ref} {...rest}>\n        {children}\n      </Modal>\n    </ThemeContext.Provider>\n  );\n});\n\nMiniModal.__KONTUR_REACT_UI__ = 'MiniModal';\n\nMiniModal.Header = MiniModalHeader;\nMiniModal.Footer = MiniModalFooter;\nMiniModal.Indent = MiniModalIndent;\nMiniModal.Body = MiniModalBody;\n"]}
+{"version":3,"sources":["MiniModal.tsx"],"names":["MiniModalDataTids","icon","title","description","actions","indent","MiniModal","ref","children","propsTheme","theme","rest","contextTheme","Header","MiniModalHeader","Footer","MiniModalFooter","Indent","MiniModalIndent","Body","MiniModalBody"],"mappings":"yYAAA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,oD;;AAEO,IAAMA,iBAAiB,GAAG;AAC/BC,EAAAA,IAAI,EAAE,iBADyB;AAE/BC,EAAAA,KAAK,EAAE,kBAFwB;AAG/BC,EAAAA,WAAW,EAAE,wBAHkB;AAI/BC,EAAAA,OAAO,EAAE,oBAJsB;AAK/BC,EAAAA,MAAM,EAAE,mBALuB,EAA1B,C;;;AAQA,IAAMC,SAAS,GAAG;;;;;;;;;AASvB,WATuB,EASV,gBAA2CC,GAA3C,EAAmD,KAAhDC,QAAgD,QAAhDA,QAAgD,CAA/BC,UAA+B,QAAtCC,KAAsC,CAAhBC,IAAgB;AAChE,MAAMC,YAAY,GAAG,yBAArB;;AAEA;AACE,iCAAC,0BAAD,CAAc,QAAd,IAAuB,KAAK,EAAE,0CAAkBA,YAAlB,EAAgCH,UAAhC,CAA9B;AACE,iCAAC,YAAD,2BAAO,KAAK,EAAE,GAAd,EAAmB,OAAO,MAA1B,EAA2B,GAAG,EAAEF,GAAhC,IAAyCI,IAAzC;AACGH,IAAAA,QADH,CADF,CADF;;;;AAOD,CAnBwB,CAAlB,C;;AAqBPF,SAAS,CAACO,MAAV,GAAmBC,gCAAnB;AACAR,SAAS,CAACS,MAAV,GAAmBC,gCAAnB;AACAV,SAAS,CAACW,MAAV,GAAmBC,gCAAnB;AACAZ,SAAS,CAACa,IAAV,GAAiBC,4BAAjB","sourcesContent":["import React from 'react';\n\nimport { Modal, ModalProps } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useTheme } from '../../lib/theming/useTheme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getMiniModalTheme } from './getMiniModalTheme';\nimport { MiniModalFooter } from './MiniModalFooter';\nimport { MiniModalHeader } from './MiniModalHeader';\nimport { MiniModalBody } from './MiniModalBody';\nimport { MiniModalIndent } from './MiniModalIndent';\n\nexport const MiniModalDataTids = {\n  icon: 'MiniModal__icon',\n  title: 'MiniModal__title',\n  description: 'MiniModal__description',\n  actions: 'MiniModal__actions',\n  indent: 'MiniModal__indent',\n} as const;\n\nexport const MiniModal = forwardRefAndName<\n  Modal,\n  ModalProps,\n  {\n    Header: typeof MiniModalHeader;\n    Indent: typeof MiniModalIndent;\n    Footer: typeof MiniModalFooter;\n    Body: typeof MiniModalBody;\n  }\n>('MiniModal', ({ children, theme: propsTheme, ...rest }, ref) => {\n  const contextTheme = useTheme();\n\n  return (\n    <ThemeContext.Provider value={getMiniModalTheme(contextTheme, propsTheme)}>\n      <Modal width={400} noClose ref={ref} {...rest}>\n        {children}\n      </Modal>\n    </ThemeContext.Provider>\n  );\n});\n\nMiniModal.Header = MiniModalHeader;\nMiniModal.Footer = MiniModalFooter;\nMiniModal.Indent = MiniModalIndent;\nMiniModal.Body = MiniModalBody;\n"]}

package/cjs/components/MiniModal/MiniModal.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) => {
     icon(): string;
     description(): string;
     title(): string;