@skbkontur/react-ui 5.4.7-225d1.0 → 5.4.7-7ccf0.0

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

@@ -1,8 +1,10 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;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");
 
-var _MenuItem = require("./MenuItem.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
+var _MenuItem = require("./MenuItem.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
 
 var getMenuItemPaddings = exports.getMenuItemPaddings = function getMenuItemPaddings(_ref)
 
@@ -14,155 +16,150 @@ var getMenuItemPaddings = exports.getMenuItemPaddings = function getMenuItemPadd
   return { paddingX: paddingX, paddingY: paddingY };
 };
 
-var styles = exports.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)(),
-
-
-    t.menuItemDisplay,
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref2) {var css = _ref2.css;return {
+    root: function root(t) {
+      return 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)(),
 
 
-    t.menuItemTextColor,
-    t.menuItemBorderRadius,
+      t.menuItemDisplay,
 
 
+      t.menuItemTextColor,
+      t.menuItemBorderRadius,
 
 
 
 
-    t.menuItemGap);
 
 
-  },
+      t.menuItemGap);
 
-  rootSmall: function rootSmall(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _MenuItem.menuItemSizeMixin)(
-      t.menuItemPaddingXSmall,
-      t.menuItemPaddingYSmall,
-      t.menuItemLineHeightSmall,
-      t.menuItemFontSizeSmall
-    ));
 
-  },
-  rootMedium: function rootMedium(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _MenuItem.menuItemSizeMixin)(
-      t.menuItemPaddingXMedium,
-      t.menuItemPaddingYMedium,
-      t.menuItemLineHeightMedium,
-      t.menuItemFontSizeMedium
-    ));
+    },
 
-  },
-  rootLarge: function rootLarge(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _MenuItem.menuItemSizeMixin)(
-      t.menuItemPaddingXLarge,
-      t.menuItemPaddingYLarge,
-      t.menuItemLineHeightLarge,
-      t.menuItemFontSizeLarge
-    ));
+    rootSmall: function rootSmall(t) {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _MenuItem.menuItemSizeMixin)(
+        t.menuItemPaddingXSmall,
+        t.menuItemPaddingYSmall,
+        t.menuItemLineHeightSmall,
+        t.menuItemFontSizeSmall
+      ));
 
-  },
+    },
+    rootMedium: function rootMedium(t) {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _MenuItem.menuItemSizeMixin)(
+        t.menuItemPaddingXMedium,
+        t.menuItemPaddingYMedium,
+        t.menuItemLineHeightMedium,
+        t.menuItemFontSizeMedium
+      ));
 
-  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);
+    },
+    rootLarge: function rootLarge(t) {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _MenuItem.menuItemSizeMixin)(
+        t.menuItemPaddingXLarge,
+        t.menuItemPaddingYLarge,
+        t.menuItemLineHeightLarge,
+        t.menuItemFontSizeLarge
+      ));
 
-  },
+    },
 
-  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);
+    rootMobile: function rootMobile(t) {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])),
+      t.menuItemFontSizeMobile,
+      t.menuItemLineHeightMobile,
+      t.menuItemPaddingMobile);
 
-  },
-  selected: function selected(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n    "])),
-    t.menuItemSelectedBg);
+    },
 
-  },
-  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);
+    hover: function hover(t) {
+      // Color with !important in purpose to override `a:hover`
+      return css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n      color: ", " !important;\n    "])),
+      t.menuItemHoverBg,
+      t.menuItemHoverColor);
 
+    },
+    selected: function selected(t) {
+      return css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n    "])),
+      t.menuItemSelectedBg);
 
-  },
-  nonSelectable: function nonSelectable() {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n    "])));
+    },
+    disabled: function disabled(t) {
+      return css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      cursor: default;\n    "])),
+      t.menuItemDisabledBg,
+      t.menuItemDisabledColor);
 
 
-  },
-  link: function link(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.menuItemLinkColor);
+    },
+    nonSelectable: function nonSelectable() {
+      return css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n    "])));
 
-  },
-  loose: function loose() {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: 15px;\n    "])));
 
+    },
+    loose: function loose() {
+      return css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: 15px;\n    "])));
 
-  },
-  withIconSmall: function withIconSmall(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
-    (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconSmall));
 
-  },
-  withIconMedium: function withIconMedium(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
-    (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconMedium));
+    },
+    withIconSmall: function withIconSmall(t) {
+      return css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+      (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconSmall));
 
-  },
-  withIconLarge: function withIconLarge(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
-    (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconLarge));
+    },
+    withIconMedium: function withIconMedium(t) {
+      return css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+      (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconMedium));
 
-  },
-  comment: function comment(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      opacity: ", ";\n      white-space: normal;\n      padding-top: 4px;\n    "])),
-    t.menuItemCommentColor,
-    t.menuItemCommentOpacity);
+    },
+    withIconLarge: function withIconLarge(t) {
+      return css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+      (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconLarge));
 
+    },
+    comment: function comment(t) {
+      return 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 (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      opacity: ", ";\n    "])),
-    t.menuItemCommentColorHover,
-    t.menuItemCommentOpacityHover);
-
-  },
-  icon: function icon() {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: absolute;\n      transform: translateY(0px); // icon shifts one pixel up in firefox on medium size without this property\n    "])));
+
+    },
+    commentHover: function commentHover(t) {
+      return css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      opacity: ", ";\n    "])),
+      t.menuItemCommentColorHover,
+      t.menuItemCommentOpacityHover);
+
+    },
+    icon: function icon() {
+      return css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: absolute;\n      transform: translateY(0px); // icon shifts one pixel up in firefox on medium size without this property\n    "])));
 
 
 
 
-  },
-  iconSmall: function iconSmall(t) {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall));
+    },
+    iconSmall: function iconSmall(t) {
+      return css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall));
 
-  },
-  iconMedium: function iconMedium(t) {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium));
+    },
+    iconMedium: function iconMedium(t) {
+      return css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium));
 
-  },
-  iconLarge: function iconLarge(t) {
-    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge));
+    },
+    iconLarge: function iconLarge(t) {
+      return css(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge));
 
-  },
-  mobileContentWithIcon: function mobileContentWithIcon() {
-    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: 8px;\n    "])));
+    },
+    mobileContentWithIcon: function mobileContentWithIcon() {
+      return css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: 8px;\n    "])));
 
 
-  }
-});
+    }
+  };});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Mixins","_MenuItem","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","getMenuItemPaddings","exports","_ref","menuItemPaddingX","menuItemPaddingY","paddingX","paddingY","styles","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","resetButton","menuItemDisplay","menuItemTextColor","menuItemBorderRadius","menuItemGap","rootSmall","menuItemSizeMixin","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","nonSelectable","link","menuItemLinkColor","loose","withIconSmall","withIconSizeMixin","menuItemPaddingForIconSmall","withIconMedium","menuItemPaddingForIconMedium","withIconLarge","menuItemPaddingForIconLarge","comment","menuItemCommentColor","menuItemCommentOpacity","commentHover","menuItemCommentColorHover","menuItemCommentOpacityHover","icon","iconSmall","iconSizeMixin","menuItemIconWidthSmall","iconMedium","menuItemIconWidthMedium","iconLarge","menuItemIconWidthLarge","mobileContentWithIcon"],"sources":["MenuItem.styles.ts"],"sourcesContent":["import type { 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  menuItemPaddingX,\n  menuItemPaddingY,\n}: Record<'menuItemPaddingX' | 'menuItemPaddingY', string>) => {\n  const paddingX = menuItemPaddingX;\n  const paddingY = 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.menuItemPaddingXSmall,\n        t.menuItemPaddingYSmall,\n        t.menuItemLineHeightSmall,\n        t.menuItemFontSizeSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXMedium,\n        t.menuItemPaddingYMedium,\n        t.menuItemLineHeightMedium,\n        t.menuItemFontSizeMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXLarge,\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  nonSelectable() {\n    return css`\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: ${t.menuItemCommentOpacityHover};\n    `;\n  },\n  icon() {\n    return css`\n      display: inline-block;\n      position: absolute;\n      transform: translateY(0px); // icon shifts one pixel up in firefox on medium size without this property\n    `;\n  },\n  iconSmall(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall)};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium)};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge)};\n    `;\n  },\n  mobileContentWithIcon() {\n    return css`\n      margin-left: 8px;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Mixins","_MenuItem","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","getMenuItemPaddings","exports","_ref","menuItemPaddingX","menuItemPaddingY","paddingX","paddingY","getStyles","memoizeGetStyles","_ref2","css","root","t","_taggedTemplateLiteralLoose2","default","resetButton","menuItemDisplay","menuItemTextColor","menuItemBorderRadius","menuItemGap","rootSmall","menuItemSizeMixin","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","nonSelectable","loose","withIconSmall","withIconSizeMixin","menuItemPaddingForIconSmall","withIconMedium","menuItemPaddingForIconMedium","withIconLarge","menuItemPaddingForIconLarge","comment","menuItemCommentColor","menuItemCommentOpacity","commentHover","menuItemCommentColorHover","menuItemCommentOpacityHover","icon","iconSmall","iconSizeMixin","menuItemIconWidthSmall","iconMedium","menuItemIconWidthMedium","iconLarge","menuItemIconWidthLarge","mobileContentWithIcon"],"sources":["MenuItem.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nimport { iconSizeMixin, menuItemSizeMixin, withIconSizeMixin } from './MenuItem.mixins';\n\nexport const getMenuItemPaddings = ({\n  menuItemPaddingX,\n  menuItemPaddingY,\n}: Record<'menuItemPaddingX' | 'menuItemPaddingY', string>) => {\n  const paddingX = menuItemPaddingX;\n  const paddingY = menuItemPaddingY;\n\n  return { paddingX, paddingY };\n};\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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.menuItemPaddingXSmall,\n        t.menuItemPaddingYSmall,\n        t.menuItemLineHeightSmall,\n        t.menuItemFontSizeSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXMedium,\n        t.menuItemPaddingYMedium,\n        t.menuItemLineHeightMedium,\n        t.menuItemFontSizeMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXLarge,\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  nonSelectable() {\n    return css`\n      cursor: default;\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: ${t.menuItemCommentOpacityHover};\n    `;\n  },\n  icon() {\n    return css`\n      display: inline-block;\n      position: absolute;\n      transform: translateY(0px); // icon shifts one pixel up in firefox on medium size without this property\n    `;\n  },\n  iconSmall(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall)};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium)};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge)};\n    `;\n  },\n  mobileContentWithIcon() {\n    return css`\n      margin-left: 8px;\n    `;\n  },\n}));\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/MenuSeparator/MenuSeparator.js

@@ -1,6 +1,6 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MenuSeparatorDataTids = exports.MenuSeparator = void 0;var _react = _interopRequireWildcard(require("react"));
 
-var _Emotion = require("../../lib/theming/Emotion");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
@@ -24,6 +24,8 @@ var MenuSeparator = exports.MenuSeparator = (0, _forwardRefAndName.forwardRefAnd
   'MenuSeparator',
   function MenuSeparator(props, ref) {
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+    var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+    var styles = (0, _renderEnvironment.useStyles)(_MenuSeparator.getStyles);
 
     return /*#__PURE__*/(
       _react.default.createElement(_CommonWrapper.CommonWrapper, props, /*#__PURE__*/
@@ -33,7 +35,7 @@ var MenuSeparator = exports.MenuSeparator = (0, _forwardRefAndName.forwardRefAnd
           _react.default.createElement("div", {
             ref: ref,
             "data-tid": MenuSeparatorDataTids.root,
-            className: (0, _Emotion.cx)((_cx = {}, _cx[_MenuSeparator.styles.root(theme)] = true, _cx[_MenuSeparator.styles.rootMobile(theme)] = isMobile, _cx)) }
+            className: cx((_cx = {}, _cx[styles.root(theme)] = true, _cx[styles.rootMobile(theme)] = isMobile, _cx)) }
           ));
 
       }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Emotion","_ThemeContext","_CommonWrapper","_ResponsiveLayout","_forwardRefAndName","_MenuSeparator","MenuSeparatorDataTids","exports","root","MenuSeparator","forwardRefAndName","props","ref","theme","useContext","ThemeContext","default","createElement","CommonWrapper","ResponsiveLayout","_ref","_cx","isMobile","className","cx","styles","rootMobile"],"sources":["MenuSeparator.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\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 * `MenuSeparator` добавляет разделительную линию между элементами меню.\n *\n * Сущности в которых может быть использован `MenuSeparator`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\nconst MenuSeparator = forwardRefAndName(\n  'MenuSeparator',\n  function MenuSeparator(props: MenuSeparatorProps, ref: React.Ref<HTMLDivElement>) {\n    const theme = useContext(ThemeContext);\n\n    return (\n      <CommonWrapper {...props}>\n        <ResponsiveLayout>\n          {({ isMobile }) => {\n            return (\n              <div\n                ref={ref}\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);\n\nexport { MenuSeparator };\n"],"mappings":"qMAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;;AAEA,IAAAM,cAAA,GAAAN,OAAA;;;;AAIO,IAAMO,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG;EACnCE,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA,IAAMC,aAAa,GAAAF,OAAA,CAAAE,aAAA,GAAG,IAAAC,oCAAiB;EACrC,eAAe;EACf,SAASD,aAAaA,CAACE,KAAyB,EAAEC,GAA8B,EAAE;IAChF,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC;MACElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,cAAA,CAAAgB,aAAa,EAAKP,KAAK;MACtBd,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACd,iBAAA,CAAAgB,gBAAgB;MACd,UAAAC,IAAA,EAAkB,KAAAC,GAAA,KAAfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;QACV;UACEzB,MAAA,CAAAmB,OAAA,CAAAC,aAAA;YACEL,GAAG,EAAEA,GAAI;YACT,YAAUN,qBAAqB,CAACE,IAAK;YACrCe,SAAS,EAAE,IAAAC,WAAE,GAAAH,GAAA,OAAAA,GAAA,CAAII,qBAAM,CAACjB,IAAI,CAACK,KAAK,CAAC,IAAG,IAAI,EAAAQ,GAAA,CAAGI,qBAAM,CAACC,UAAU,CAACb,KAAK,CAAC,IAAGS,QAAQ,EAAAD,GAAA,CAAE,CAAE;UACrF,CAAC;;MAEN;MACgB;MACL,CAAC;;EAEpB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_ThemeContext","_CommonWrapper","_ResponsiveLayout","_forwardRefAndName","_MenuSeparator","MenuSeparatorDataTids","exports","root","MenuSeparator","forwardRefAndName","props","ref","theme","useContext","ThemeContext","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","default","createElement","CommonWrapper","ResponsiveLayout","_ref","_cx","isMobile","className","rootMobile"],"sources":["MenuSeparator.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\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 * `MenuSeparator` добавляет разделительную линию между элементами меню.\n *\n * Сущности в которых может быть использован `MenuSeparator`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\nconst MenuSeparator = forwardRefAndName(\n  'MenuSeparator',\n  function MenuSeparator(props: MenuSeparatorProps, ref: React.Ref<HTMLDivElement>) {\n    const theme = useContext(ThemeContext);\n    const { cx } = useEmotion();\n    const styles = useStyles(getStyles);\n\n    return (\n      <CommonWrapper {...props}>\n        <ResponsiveLayout>\n          {({ isMobile }) => {\n            return (\n              <div\n                ref={ref}\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);\n\nexport { MenuSeparator };\n"],"mappings":"qMAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;;AAEA,IAAAM,cAAA,GAAAN,OAAA;;;;AAIO,IAAMO,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG;EACnCE,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA,IAAMC,aAAa,GAAAF,OAAA,CAAAE,aAAA,GAAG,IAAAC,oCAAiB;EACrC,eAAe;EACf,SAASD,aAAaA,CAACE,KAAyB,EAAEC,GAA8B,EAAE;IAChF,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;IACtC,IAAAC,WAAA,GAAe,IAAAC,6BAAU,EAAC,CAAC,CAAnBC,EAAE,GAAAF,WAAA,CAAFE,EAAE;IACV,IAAMC,MAAM,GAAG,IAAAC,4BAAS,EAACC,wBAAS,CAAC;;IAEnC;MACExB,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACrB,cAAA,CAAAsB,aAAa,EAAKb,KAAK;MACtBd,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACpB,iBAAA,CAAAsB,gBAAgB;MACd,UAAAC,IAAA,EAAkB,KAAAC,GAAA,KAAfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;QACV;UACE/B,MAAA,CAAAyB,OAAA,CAAAC,aAAA;YACEX,GAAG,EAAEA,GAAI;YACT,YAAUN,qBAAqB,CAACE,IAAK;YACrCqB,SAAS,EAAEX,EAAE,EAAAS,GAAA,OAAAA,GAAA,CAAIR,MAAM,CAACX,IAAI,CAACK,KAAK,CAAC,IAAG,IAAI,EAAAc,GAAA,CAAGR,MAAM,CAACW,UAAU,CAACjB,KAAK,CAAC,IAAGe,QAAQ,EAAAD,GAAA,CAAE,CAAE;UACrF,CAAC;;MAEN;MACgB;MACL,CAAC;;EAEpB;AACF,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
     rootMobile(t: Theme): string;
-};
+}>;

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

@@ -1,18 +1,20 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _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 = exports.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 = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    root: function root(t) {
+      return 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 css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", " ", ";\n      border-radius: 1px;\n    "])),
+      t.mobileMenuSeparatorMarginY, t.mobileMenuSeparatorMarginX);
 
-  }
-});
+
+    }
+  };});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","menuSeparatorMarginY","menuSeparatorMarginX","menuSeparatorBorderWidth","menuSeparatorBorderColor","rootMobile","mobileMenuSeparatorMarginY","mobileMenuSeparatorMarginX"],"sources":["MenuSeparator.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { 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"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAP,eAAA,KAAAA,eAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACEH,CAAC,CAACI,oBAAoB,EAAIJ,CAAC,CAACK,oBAAoB;IAC5CL,CAAC,CAACM,wBAAwB,EAAUN,CAAC,CAACO,wBAAwB;;EAEhF,CAAC;;EAEDC,UAAU,WAAAA,WAACR,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACEH,CAAC,CAACS,0BAA0B,EAAIT,CAAC,CAACU,0BAA0B;;;EAG1E;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","getStyles","exports","memoizeGetStyles","_ref","css","root","t","_taggedTemplateLiteralLoose2","default","menuSeparatorMarginY","menuSeparatorMarginX","menuSeparatorBorderWidth","menuSeparatorBorderColor","rootMobile","mobileMenuSeparatorMarginY","mobileMenuSeparatorMarginX"],"sources":["MenuSeparator.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA;;;AAGtD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAACC,CAAQ,EAAE;MACb,OAAOF,GAAG,CAAAN,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;MACEF,CAAC,CAACG,oBAAoB,EAAIH,CAAC,CAACI,oBAAoB;MAC5CJ,CAAC,CAACK,wBAAwB,EAAUL,CAAC,CAACM,wBAAwB;;IAEhF,CAAC;;IAEDC,UAAU,WAAAA,WAACP,CAAQ,EAAE;MACnB,OAAOF,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;MACEF,CAAC,CAACQ,0BAA0B,EAAIR,CAAC,CAACS,0BAA0B;;;IAG1E;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -1,12 +1,11 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     icon(): string;
-    description(): string;
-    description5_3(t: Theme): string;
+    description(t: Theme): string;
     title(): string;
     titleWithIcon(t: Theme): string;
     actions(): string;
     actionsIndent(t: Theme): string;
     actionsRow(t: Theme): string;
     actionsColumn(t: Theme): string;
-};
+}>;

package/cjs/components/MiniModal/MiniModal.styles.js

@@ -1,78 +1,75 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"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 _Button = require("../Button/Button.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+var _Emotion = require("../../lib/theming/Emotion");
 
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  icon: function icon() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: center;\n    "])));
+var _Button = require("../Button/Button.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    icon: function icon() {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: center;\n    "])));
 
-  },
 
-  description: function description() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: center;\n    "])));
+    },
 
+    description: function description(t) {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: center;\n      font-size: ", ";\n      line-height: ", ";\n    "])),
 
-  },
+      t.miniModalDescriptionFontSize,
+      t.miniModalDescriptionLineHeight);
 
-  description5_3: function description5_3(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.miniModalDescriptionFontSize,
-    t.miniModalDescriptionLineHeight);
+    },
 
-  },
+    title: function title() {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: center;\n    "])));
 
-  title: function title() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: center;\n    "])));
 
+    },
 
-  },
+    titleWithIcon: function titleWithIcon(t) {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: ", ";\n    "])),
+      t.miniModalTitleMarginTop);
 
-  titleWithIcon: function titleWithIcon(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: ", ";\n    "])),
-    t.miniModalTitleMarginTop);
+    },
 
-  },
+    actions: function actions() {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n\n      .", " {\n        width: 100%;\n      }\n    "])),
 
-  actions: function actions() {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n\n      .", " {\n        width: 100%;\n      }\n    "])),
 
 
 
+      _Button.globalClasses.root);
 
-    _Button.globalClasses.root);
 
 
+    },
 
-  },
+    actionsIndent: function actionsIndent(t) {
+      return css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
+      t.miniModalCancelIndent);
 
-  actionsIndent: function actionsIndent(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
-    t.miniModalCancelIndent);
+    },
 
-  },
+    actionsRow: function actionsRow(t) {
+      return css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: row;\n      > *:nth-of-type(1) {\n        margin-right: calc(", " / 2);\n      }\n      > *:nth-of-type(2) {\n        margin-left: calc(", " / 2);\n      }\n    "])),
 
-  actionsRow: function actionsRow(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: row;\n      > *:nth-of-type(1) {\n        margin-right: calc(", " / 2);\n      }\n      > *:nth-of-type(2) {\n        margin-left: calc(", " / 2);\n      }\n    "])),
 
+      t.miniModalActionGap,
 
-    t.miniModalActionGap,
 
+      t.miniModalActionGap);
 
-    t.miniModalActionGap);
 
+    },
 
-  },
+    actionsColumn: function actionsColumn(t) {
+      return css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: column;\n      > *:nth-of-type(2) {\n        margin-top: ", ";\n      }\n      > *:nth-of-type(3) {\n        margin-top: ", ";\n      }\n    "])),
 
-  actionsColumn: function actionsColumn(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: column;\n      > *:nth-of-type(2) {\n        margin-top: ", ";\n      }\n      > *:nth-of-type(3) {\n        margin-top: ", ";\n      }\n    "])),
 
+      t.miniModalActionGap,
 
-    t.miniModalActionGap,
 
+      t.miniModalActionGap);
 
-    t.miniModalActionGap);
 
-
-  }
-});
+    }
+  };});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Button","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","styles","exports","memoizeStyle","icon","css","_taggedTemplateLiteralLoose2","default","description","description5_3","t","miniModalDescriptionFontSize","miniModalDescriptionLineHeight","title","titleWithIcon","miniModalTitleMarginTop","actions","buttonGlobalClasses","root","actionsIndent","miniModalCancelIndent","actionsRow","miniModalActionGap","actionsColumn"],"sources":["MiniModal.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { globalClasses as buttonGlobalClasses } from '../Button/Button.styles';\n\nexport const styles = memoizeStyle({\n  icon() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  description() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  description5_3(t: Theme) {\n    return css`\n      font-size: ${t.miniModalDescriptionFontSize};\n      line-height: ${t.miniModalDescriptionLineHeight};\n    `;\n  },\n\n  title() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  titleWithIcon(t: Theme) {\n    return css`\n      margin-top: ${t.miniModalTitleMarginTop};\n    `;\n  },\n\n  actions() {\n    return css`\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n\n      .${buttonGlobalClasses.root} {\n        width: 100%;\n      }\n    `;\n  },\n\n  actionsIndent(t: Theme) {\n    return css`\n      padding: ${t.miniModalCancelIndent} 0;\n    `;\n  },\n\n  actionsRow(t: Theme) {\n    return css`\n      flex-direction: row;\n      > *:nth-of-type(1) {\n        margin-right: calc(${t.miniModalActionGap} / 2);\n      }\n      > *:nth-of-type(2) {\n        margin-left: calc(${t.miniModalActionGap} / 2);\n      }\n    `;\n  },\n\n  actionsColumn(t: Theme) {\n    return css`\n      flex-direction: column;\n      > *:nth-of-type(2) {\n        margin-top: ${t.miniModalActionGap};\n      }\n      > *:nth-of-type(3) {\n        margin-top: ${t.miniModalActionGap};\n      }\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAA+E,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAExE,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAb,eAAA,KAAAA,eAAA,OAAAc,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDC,WAAW,WAAAA,YAAA,EAAG;IACZ,WAAOH,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDE,cAAc,WAAAA,eAACC,CAAQ,EAAE;IACvB,WAAOL,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACKG,CAAC,CAACC,4BAA4B;IAC5BD,CAAC,CAACE,8BAA8B;;EAEnD,CAAC;;EAEDC,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOR,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDO,aAAa,WAAAA,cAACJ,CAAQ,EAAE;IACtB,WAAOL,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACMG,CAAC,CAACK,uBAAuB;;EAE3C,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOX,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;;IAKLU,qBAAmB,CAACC,IAAI;;;;EAI/B,CAAC;;EAEDC,aAAa,WAAAA,cAACT,CAAQ,EAAE;IACtB,WAAOL,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACGG,CAAC,CAACU,qBAAqB;;EAEtC,CAAC;;EAEDC,UAAU,WAAAA,WAACX,CAAQ,EAAE;IACnB,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;IAGeG,CAAC,CAACY,kBAAkB;;;IAGrBZ,CAAC,CAACY,kBAAkB;;;EAG9C,CAAC;;EAEDC,aAAa,WAAAA,cAACb,CAAQ,EAAE;IACtB,WAAOL,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;IAGQG,CAAC,CAACY,kBAAkB;;;IAGpBZ,CAAC,CAACY,kBAAkB;;;EAGxC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Button","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","getStyles","exports","memoizeGetStyles","_ref","css","icon","_taggedTemplateLiteralLoose2","default","description","t","miniModalDescriptionFontSize","miniModalDescriptionLineHeight","title","titleWithIcon","miniModalTitleMarginTop","actions","buttonGlobalClasses","root","actionsIndent","miniModalCancelIndent","actionsRow","miniModalActionGap","actionsColumn"],"sources":["MiniModal.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { globalClasses as buttonGlobalClasses } from '../Button/Button.styles';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  icon() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  description(t: Theme) {\n    return css`\n      text-align: center;\n      font-size: ${t.miniModalDescriptionFontSize};\n      line-height: ${t.miniModalDescriptionLineHeight};\n    `;\n  },\n\n  title() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  titleWithIcon(t: Theme) {\n    return css`\n      margin-top: ${t.miniModalTitleMarginTop};\n    `;\n  },\n\n  actions() {\n    return css`\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n\n      .${buttonGlobalClasses.root} {\n        width: 100%;\n      }\n    `;\n  },\n\n  actionsIndent(t: Theme) {\n    return css`\n      padding: ${t.miniModalCancelIndent} 0;\n    `;\n  },\n\n  actionsRow(t: Theme) {\n    return css`\n      flex-direction: row;\n      > *:nth-of-type(1) {\n        margin-right: calc(${t.miniModalActionGap} / 2);\n      }\n      > *:nth-of-type(2) {\n        margin-left: calc(${t.miniModalActionGap} / 2);\n      }\n    `;\n  },\n\n  actionsColumn(t: Theme) {\n    return css`\n      flex-direction: column;\n      > *:nth-of-type(2) {\n        margin-top: ${t.miniModalActionGap};\n      }\n      > *:nth-of-type(3) {\n        margin-top: ${t.miniModalActionGap};\n      }\n    `;\n  },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAA+E,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAExE,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAZ,eAAA,KAAAA,eAAA,OAAAc,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDC,WAAW,WAAAA,YAACC,CAAQ,EAAE;MACpB,OAAOL,GAAG,CAAAX,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;;MAEKE,CAAC,CAACC,4BAA4B;MAC5BD,CAAC,CAACE,8BAA8B;;IAEnD,CAAC;;IAEDC,KAAK,WAAAA,MAAA,EAAG;MACN,OAAOR,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDM,aAAa,WAAAA,cAACJ,CAAQ,EAAE;MACtB,OAAOL,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;MACME,CAAC,CAACK,uBAAuB;;IAE3C,CAAC;;IAEDC,OAAO,WAAAA,QAAA,EAAG;MACR,OAAOX,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;MAKLS,qBAAmB,CAACC,IAAI;;;;IAI/B,CAAC;;IAEDC,aAAa,WAAAA,cAACT,CAAQ,EAAE;MACtB,OAAOL,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;MACGE,CAAC,CAACU,qBAAqB;;IAEtC,CAAC;;IAEDC,UAAU,WAAAA,WAACX,CAAQ,EAAE;MACnB,OAAOL,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;MAGeE,CAAC,CAACY,kBAAkB;;;MAGrBZ,CAAC,CAACY,kBAAkB;;;IAG9C,CAAC;;IAEDC,aAAa,WAAAA,cAACb,CAAQ,EAAE;MACtB,OAAOL,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;MAGQE,CAAC,CAACY,kBAAkB;;;MAGpBZ,CAAC,CAACY,kBAAkB;;;IAGxC;EACF,CAAC,EAAC,CAAC","ignoreList":[]}