@skbkontur/react-ui 0.0.0-0dca6f33be → 0.0.0-0ffbe8b468

package/cjs/components/Link/Link.styles.js

@@ -1,80 +1,126 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
 
-var _Link = require("./Link.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
+var _Link = require("./Link.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
 
+var globalClasses = (0, _Emotion.prefix)('link')({
+  text: 'text' });exports.globalClasses = globalClasses;
+
+
+var line = (0, _Emotion.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n  0% {\n    border-bottom-color: inherit;\n  }\n  100% {\n    border-bottom-color: transparent;\n  }\n"])));
 
 
 
 
 
 
-var globalClasses = (0, _Emotion.prefix)('link')({
-  text: 'text' });exports.globalClasses = globalClasses;
 
 
+var oldLineText = function oldLineText(t) {
+  var delay = parseFloat(t.linkLineBorderBottomOpacity) - 1;
+  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    border-bottom-style: ", ";\n    border-bottom-width: ", ";\n    animation: ", " 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ", "s !important;\n    animation-fill-mode: forwards !important;\n  "])),
+  t.linkLineBorderBottomStyle,
+  t.linkLineBorderBottomWidth,
+  line,
+
+  delay);
+
+
+};
+
 var styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      position: relative;\n    "])),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      position: relative;\n    "])),
     (0, _Link.linkMixin)(t.linkHoverTextDecoration));
 
 
   },
 
   lineRoot: function lineRoot() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: 1px;\n      outline: none;\n      text-decoration: none;\n    "])));
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: 1px;\n      outline: none;\n      text-decoration: none;\n    "])));
 
 
 
 
   },
 
-  lineText: function lineText(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-bottom-color: ", ";\n      border-bottom-style: ", ";\n      border-bottom-width: ", ";\n    "])),
+  lineTextWrapper: function lineTextWrapper(t) {
+    // При hover'е подчеркивание из прозрачного переходит в currentColor.
+    // За счет наложения этого цвета на подчеркивание lineText (currentColor с половинной прозрачностью)
+    // достигается эффект перехода currentColor с половинной прозрачностью до currentColor.
+
+    // Планировалось добавить transition и color-mix(in srgb, currentColor 50%, transparent) в lineText.
+    // Однако, в chrome и edge сочетание transition, color-mix и currentColor вызывает моргание при transition.
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      @supports (border-bottom-color: ", ") {\n        transition: border-bottom-color ", " ", ";\n        border-bottom-style: ", ";\n        border-bottom-width: ", ";\n        border-bottom-color: transparent;\n        &:hover {\n          border-bottom-color: currentColor;\n        }\n      }\n    "])),
     t.linkLineBorderBottomColor,
+    t.transitionDuration, t.transitionTimingFunction,
     t.linkLineBorderBottomStyle,
     t.linkLineBorderBottomWidth);
 
+
+
+
+
+
+  },
+
+  lineText: function lineText(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      @supports (border-bottom-color: ", ") {\n        border-bottom-style: ", ";\n        border-bottom-width: ", ";\n        border-bottom-color: ", ";\n      }\n      @supports not (border-bottom-color: ", ") {\n        ", ";\n      }\n    "])),
+    t.linkLineBorderBottomColor,
+    t.linkLineBorderBottomStyle,
+    t.linkLineBorderBottomWidth,
+    t.linkLineBorderBottomColor,
+
+    t.linkLineBorderBottomColor,
+    oldLineText(t));
+
+
+  },
+
+  lineTextIE11: function lineTextIE11(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    oldLineText(t));
+
   },
 
   lineFocus: function lineFocus(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      .", " {\n        border-bottom-color: ", " !important;\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      .", " {\n        ", "\n      }\n    "])),
     t.linkHoverColor,
     globalClasses.text,
-    t.linkLineHoverBorderBottomColor);
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
 
   },
 
   lineFocusSuccess: function lineFocusSuccess(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n      .", " {\n        border-bottom-color: ", " !important;\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n      .", " {\n        ", "\n      }\n    "])),
     t.linkSuccessHoverColor,
     globalClasses.text,
-    t.linkLineHoverBorderBottomColorSuccess);
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
 
   },
 
   lineFocusDanger: function lineFocusDanger(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n      .", " {\n        border-bottom-color: ", " !important;\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n      .", " {\n        ", "\n      }\n    "])),
     t.linkDangerHoverColor,
     globalClasses.text,
-    t.linkLineHoverBorderBottomColorDanger);
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
 
   },
 
   lineFocusGrayed: function lineFocusGrayed(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n      .", " {\n        border-bottom-color: ", " !important;\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n      .", " {\n        ", "\n      }\n    "])),
     t.linkGrayedHoverColor,
     globalClasses.text,
-    t.linkLineHoverBorderBottomColorGrayed);
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
 
   },
 
   button: function button(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      line-height: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      line-height: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "])),
 
     t.linkButtonLineHeight,
     t.linkButtonPaddingX,
@@ -83,13 +129,13 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   buttonOpened: function buttonOpened(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
     t.btnDefaultActiveBg);
 
   },
 
   arrow: function arrow() {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    "])));
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    "])));
 
 
 
@@ -100,76 +146,89 @@ var styles = (0, _Emotion.memoizeStyle)({
 
   },
 
+  useRoot: function useRoot() {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-bottom-color: currentColor;\n    "])));
+
+
+  },
   useDefault: function useDefault(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      ", "\n      .", " {\n        ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])),
     (0, _Link.linkUseColorsMixin)(t.linkColor, t.linkHoverColor, t.linkActiveColor),
-    (0, _Link.linkUseLineColorsHoverMixin)(t.linkLineHoverBorderBottomColor, "." + globalClasses.text),
     globalClasses.text,
-    (0, _Link.linkUseLineColorsMixin)(t.linkLineBorderBottomColor, t.linkLineActiveBorderBottomColor));
+
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
+
 
 
   },
 
   useSuccess: function useSuccess(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      ", "\n      .", " {\n        ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])),
     (0, _Link.linkUseColorsMixin)(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor),
-    (0, _Link.linkUseLineColorsHoverMixin)(t.linkLineHoverBorderBottomColorSuccess, "." + globalClasses.text),
     globalClasses.text,
-    (0, _Link.linkUseLineColorsMixin)(t.linkLineBorderBottomColorSuccess, t.linkLineActiveBorderBottomColorSuccess));
+
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
+
 
 
   },
 
   useDanger: function useDanger(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      ", "\n      .", " {\n        ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])),
     (0, _Link.linkUseColorsMixin)(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor),
-    (0, _Link.linkUseLineColorsHoverMixin)(t.linkLineHoverBorderBottomColorDanger, "." + globalClasses.text),
     globalClasses.text,
-    (0, _Link.linkUseLineColorsMixin)(t.linkLineBorderBottomColorDanger, t.linkLineActiveBorderBottomColorDanger));
+
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
+
 
 
   },
 
   useGrayed: function useGrayed(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      ", "\n      .", " {\n        ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])),
     (0, _Link.linkUseColorsMixin)(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor),
-    (0, _Link.linkUseLineColorsHoverMixin)(t.linkLineHoverBorderBottomColorGrayed, "." + globalClasses.text),
     globalClasses.text,
-    (0, _Link.linkUseLineColorsMixin)(t.linkLineBorderBottomColorGrayed, t.linkLineActiveBorderBottomColorGrayed));
+
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
+
 
 
   },
 
   useGrayedFocus: function useGrayedFocus(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.linkDisabledColor);
 
   },
 
   focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n    "])),
     t.linkHoverTextDecoration);
 
   },
 
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      color: ", " !important; // override root color\n\n      & .", ":before {\n        border-bottom-color: ", " !important; // override root color\n      }\n\n      &:hover {\n        color: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      color: ", " !important; // override root color\n\n      &:hover {\n        color: ", ";\n      }\n    "])),
     (0, _Link.linkDisabledMixin)(),
 
     t.linkDisabledColor,
 
-    globalClasses.text,
-    t.linkDisabledColor,
 
+    t.linkDisabledColor);
 
 
-    t.linkDisabledColor);
+  },
+
+  disabledDark22Theme: function disabledDark22Theme(t) {
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      .", " {\n        ", "\n      }\n    "])),
+    globalClasses.text,
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
 
   },
 
   icon: function icon(t) {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin-right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin-right: ", ";\n    "])),
 
     t.linkIconMarginRight);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["Link.styles.ts"],"names":["globalClasses","text","styles","root","t","css","linkHoverTextDecoration","lineRoot","lineText","linkLineBorderBottomColor","linkLineBorderBottomStyle","linkLineBorderBottomWidth","lineFocus","linkHoverColor","linkLineHoverBorderBottomColor","lineFocusSuccess","linkSuccessHoverColor","linkLineHoverBorderBottomColorSuccess","lineFocusDanger","linkDangerHoverColor","linkLineHoverBorderBottomColorDanger","lineFocusGrayed","linkGrayedHoverColor","linkLineHoverBorderBottomColorGrayed","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","btnDefaultActiveBg","arrow","useDefault","linkColor","linkActiveColor","linkLineActiveBorderBottomColor","useSuccess","linkSuccessColor","linkSuccessActiveColor","linkLineBorderBottomColorSuccess","linkLineActiveBorderBottomColorSuccess","useDanger","linkDangerColor","linkDangerActiveColor","linkLineBorderBottomColorDanger","linkLineActiveBorderBottomColorDanger","useGrayed","linkGrayedColor","linkGrayedActiveColor","linkLineBorderBottomColorGrayed","linkLineActiveBorderBottomColorGrayed","useGrayedFocus","linkDisabledColor","focus","disabled","icon","linkIconMarginRight"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport {\n  linkMixin,\n  linkDisabledMixin,\n  linkUseColorsMixin,\n  linkUseLineColorsMixin,\n  linkUseLineColorsHoverMixin,\n} from './Link.mixins';\n\nexport const globalClasses = prefix('link')({\n  text: 'text',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${linkMixin(t.linkHoverTextDecoration)};\n      position: relative;\n    `;\n  },\n\n  lineRoot() {\n    return css`\n      border-radius: 1px;\n      outline: none;\n      text-decoration: none;\n    `;\n  },\n\n  lineText(t: Theme) {\n    return css`\n      border-bottom-color: ${t.linkLineBorderBottomColor};\n      border-bottom-style: ${t.linkLineBorderBottomStyle};\n      border-bottom-width: ${t.linkLineBorderBottomWidth};\n    `;\n  },\n\n  lineFocus(t: Theme) {\n    return css`\n      color: ${t.linkHoverColor};\n      .${globalClasses.text} {\n        border-bottom-color: ${t.linkLineHoverBorderBottomColor} !important;\n      }\n    `;\n  },\n\n  lineFocusSuccess(t: Theme) {\n    return css`\n      color: ${t.linkSuccessHoverColor} !important;\n      .${globalClasses.text} {\n        border-bottom-color: ${t.linkLineHoverBorderBottomColorSuccess} !important;\n      }\n    `;\n  },\n\n  lineFocusDanger(t: Theme) {\n    return css`\n      color: ${t.linkDangerHoverColor} !important;\n      .${globalClasses.text} {\n        border-bottom-color: ${t.linkLineHoverBorderBottomColorDanger} !important;\n      }\n    `;\n  },\n\n  lineFocusGrayed(t: Theme) {\n    return css`\n      color: ${t.linkGrayedHoverColor} !important;\n      .${globalClasses.text} {\n        border-bottom-color: ${t.linkLineHoverBorderBottomColorGrayed} !important;\n      }\n    `;\n  },\n\n  button(t: Theme) {\n    return css`\n      display: inline-block;\n      line-height: ${t.linkButtonLineHeight};\n      padding-left: ${t.linkButtonPaddingX};\n      padding-right: ${t.linkButtonPaddingX};\n    `;\n  },\n\n  buttonOpened(t: Theme) {\n    return css`\n      background: ${t.btnDefaultActiveBg};\n    `;\n  },\n\n  arrow() {\n    return css`\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    `;\n  },\n\n  useDefault(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n      ${linkUseLineColorsHoverMixin(t.linkLineHoverBorderBottomColor, `.${globalClasses.text}`)}\n      .${globalClasses.text} {\n        ${linkUseLineColorsMixin(t.linkLineBorderBottomColor, t.linkLineActiveBorderBottomColor)};\n      }\n    `;\n  },\n\n  useSuccess(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n      ${linkUseLineColorsHoverMixin(t.linkLineHoverBorderBottomColorSuccess, `.${globalClasses.text}`)}\n      .${globalClasses.text} {\n        ${linkUseLineColorsMixin(t.linkLineBorderBottomColorSuccess, t.linkLineActiveBorderBottomColorSuccess)};\n      }\n    `;\n  },\n\n  useDanger(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n      ${linkUseLineColorsHoverMixin(t.linkLineHoverBorderBottomColorDanger, `.${globalClasses.text}`)}\n      .${globalClasses.text} {\n        ${linkUseLineColorsMixin(t.linkLineBorderBottomColorDanger, t.linkLineActiveBorderBottomColorDanger)};\n      }\n    `;\n  },\n\n  useGrayed(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n      ${linkUseLineColorsHoverMixin(t.linkLineHoverBorderBottomColorGrayed, `.${globalClasses.text}`)}\n      .${globalClasses.text} {\n        ${linkUseLineColorsMixin(t.linkLineBorderBottomColorGrayed, t.linkLineActiveBorderBottomColorGrayed)};\n      }\n    `;\n  },\n\n  useGrayedFocus(t: Theme) {\n    return css`\n      color: ${t.linkDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      text-decoration: ${t.linkHoverTextDecoration};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      ${linkDisabledMixin()};\n\n      color: ${t.linkDisabledColor} !important; // override root color\n\n      & .${globalClasses.text}:before {\n        border-bottom-color: ${t.linkDisabledColor} !important; // override root color\n      }\n\n      &:hover {\n        color: ${t.linkDisabledColor};\n      }\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      display: inline-block;\n      margin-right: ${t.linkIconMarginRight};\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["Link.styles.ts"],"names":["globalClasses","text","line","keyframes","oldLineText","t","delay","parseFloat","linkLineBorderBottomOpacity","css","linkLineBorderBottomStyle","linkLineBorderBottomWidth","styles","root","linkHoverTextDecoration","lineRoot","lineTextWrapper","linkLineBorderBottomColor","transitionDuration","transitionTimingFunction","lineText","lineTextIE11","lineFocus","linkHoverColor","linkLineHoverBorderBottomStyle","lineFocusSuccess","linkSuccessHoverColor","lineFocusDanger","linkDangerHoverColor","lineFocusGrayed","linkGrayedHoverColor","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","btnDefaultActiveBg","arrow","useRoot","useDefault","linkColor","linkActiveColor","useSuccess","linkSuccessColor","linkSuccessActiveColor","useDanger","linkDangerColor","linkDangerActiveColor","useGrayed","linkGrayedColor","linkGrayedActiveColor","useGrayedFocus","linkDisabledColor","focus","disabled","disabledDark22Theme","icon","linkIconMarginRight"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { linkMixin, linkDisabledMixin, linkUseColorsMixin, linkUseLineHovered } from './Link.mixins';\n\nexport const globalClasses = prefix('link')({\n  text: 'text',\n});\n\nconst line = keyframes`\n  0% {\n    border-bottom-color: inherit;\n  }\n  100% {\n    border-bottom-color: transparent;\n  }\n`;\n\nconst oldLineText = function (t: Theme) {\n  const delay = parseFloat(t.linkLineBorderBottomOpacity) - 1;\n  return css`\n    border-bottom-style: ${t.linkLineBorderBottomStyle};\n    border-bottom-width: ${t.linkLineBorderBottomWidth};\n    animation: ${line} 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ${delay}s !important;\n    animation-fill-mode: forwards !important;\n  `;\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${linkMixin(t.linkHoverTextDecoration)};\n      position: relative;\n    `;\n  },\n\n  lineRoot() {\n    return css`\n      border-radius: 1px;\n      outline: none;\n      text-decoration: none;\n    `;\n  },\n\n  lineTextWrapper(t: Theme) {\n    // При hover'е подчеркивание из прозрачного переходит в currentColor.\n    // За счет наложения этого цвета на подчеркивание lineText (currentColor с половинной прозрачностью)\n    // достигается эффект перехода currentColor с половинной прозрачностью до currentColor.\n\n    // Планировалось добавить transition и color-mix(in srgb, currentColor 50%, transparent) в lineText.\n    // Однако, в chrome и edge сочетание transition, color-mix и currentColor вызывает моргание при transition.\n    return css`\n      @supports (border-bottom-color: ${t.linkLineBorderBottomColor}) {\n        transition: border-bottom-color ${t.transitionDuration} ${t.transitionTimingFunction};\n        border-bottom-style: ${t.linkLineBorderBottomStyle};\n        border-bottom-width: ${t.linkLineBorderBottomWidth};\n        border-bottom-color: transparent;\n        &:hover {\n          border-bottom-color: currentColor;\n        }\n      }\n    `;\n  },\n\n  lineText(t: Theme) {\n    return css`\n      @supports (border-bottom-color: ${t.linkLineBorderBottomColor}) {\n        border-bottom-style: ${t.linkLineBorderBottomStyle};\n        border-bottom-width: ${t.linkLineBorderBottomWidth};\n        border-bottom-color: ${t.linkLineBorderBottomColor};\n      }\n      @supports not (border-bottom-color: ${t.linkLineBorderBottomColor}) {\n        ${oldLineText(t)};\n      }\n    `;\n  },\n\n  lineTextIE11(t: Theme) {\n    return css`\n      ${oldLineText(t)};\n    `;\n  },\n\n  lineFocus(t: Theme) {\n    return css`\n      color: ${t.linkHoverColor};\n      .${globalClasses.text} {\n        ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n      }\n    `;\n  },\n\n  lineFocusSuccess(t: Theme) {\n    return css`\n      color: ${t.linkSuccessHoverColor} !important;\n      .${globalClasses.text} {\n        ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n      }\n    `;\n  },\n\n  lineFocusDanger(t: Theme) {\n    return css`\n      color: ${t.linkDangerHoverColor} !important;\n      .${globalClasses.text} {\n        ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n      }\n    `;\n  },\n\n  lineFocusGrayed(t: Theme) {\n    return css`\n      color: ${t.linkGrayedHoverColor} !important;\n      .${globalClasses.text} {\n        ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n      }\n    `;\n  },\n\n  button(t: Theme) {\n    return css`\n      display: inline-block;\n      line-height: ${t.linkButtonLineHeight};\n      padding-left: ${t.linkButtonPaddingX};\n      padding-right: ${t.linkButtonPaddingX};\n    `;\n  },\n\n  buttonOpened(t: Theme) {\n    return css`\n      background: ${t.btnDefaultActiveBg};\n    `;\n  },\n\n  arrow() {\n    return css`\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    `;\n  },\n\n  useRoot() {\n    return css`\n      border-bottom-color: currentColor;\n    `;\n  },\n  useDefault(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n      .${globalClasses.text} {\n        :hover {\n          ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n        }\n      }\n    `;\n  },\n\n  useSuccess(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n      .${globalClasses.text} {\n        :hover {\n          ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n        }\n      }\n    `;\n  },\n\n  useDanger(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n      .${globalClasses.text} {\n        :hover {\n          ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n        }\n      }\n    `;\n  },\n\n  useGrayed(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n      .${globalClasses.text} {\n        :hover {\n          ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n        }\n      }\n    `;\n  },\n\n  useGrayedFocus(t: Theme) {\n    return css`\n      color: ${t.linkDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      text-decoration: ${t.linkHoverTextDecoration};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      ${linkDisabledMixin()};\n\n      color: ${t.linkDisabledColor} !important; // override root color\n\n      &:hover {\n        color: ${t.linkDisabledColor};\n      }\n    `;\n  },\n\n  disabledDark22Theme(t: Theme) {\n    return css`\n      .${globalClasses.text} {\n        ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n      }\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      display: inline-block;\n      margin-right: ${t.linkIconMarginRight};\n    `;\n  },\n});\n"]}

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

@@ -0,0 +1,30 @@
+import React, { ReactNode } from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
+/**
+ * @deprecated use SizeProp
+ */
+export declare type MenuFooterSize = SizeProp;
+export interface MenuFooterProps extends CommonProps {
+    _enableIconPadding?: boolean;
+    children: ReactNode;
+    /** Размер */
+    size?: SizeProp;
+}
+export declare const MenuFooterDataTids: {
+    readonly root: "MenuFooter__root";
+};
+/**
+ * Футер меню.
+ *
+ * _Примечание_: `футер меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.
+ *
+ * Сущности в которых может быть использован `MenuFooter`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).
+ */
+declare function MenuFooter({ _enableIconPadding, children, size, ...rest }: MenuFooterProps): JSX.Element;
+declare namespace MenuFooter {
+    var __KONTUR_REACT_UI__: string;
+    var __MENU_FOOTER__: boolean;
+}
+export { MenuFooter };
+export declare const isMenuFooter: (child: React.ReactNode) => child is React.ReactElement<MenuFooterProps, string | React.JSXElementConstructor<any>>;

package/cjs/components/MenuFooter/MenuFooter.js

@@ -0,0 +1,83 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.MenuFooter = MenuFooter;exports.isMenuFooter = exports.MenuFooterDataTids = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
+
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
+
+
+var _MenuFooter = require("./MenuFooter.styles");var _excluded = ["_enableIconPadding", "children", "size"];function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+
+
+
+
+
+
+
+
+
+
+
+
+
+var MenuFooterDataTids = {
+  root: 'MenuFooter__root' };
+
+
+/**
+ * Футер меню.
+ *
+ * _Примечание_: `футер меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.
+ *
+ * Сущности в которых может быть использован `MenuFooter`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).
+ */exports.MenuFooterDataTids = MenuFooterDataTids;
+function MenuFooter(_ref) {var _cx;var _ref$_enableIconPaddi = _ref._enableIconPadding,_enableIconPadding = _ref$_enableIconPaddi === void 0 ? false : _ref$_enableIconPaddi,children = _ref.children,_ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+
+  function getRootSizeClassName() {
+    switch (size) {
+      case 'large':
+        return _MenuFooter.styles.rootLarge(theme);
+      case 'medium':
+        return _MenuFooter.styles.rootMedium(theme);
+      case 'small':
+      default:
+        return _MenuFooter.styles.rootSmall(theme);}
+
+  }
+  function getWithLeftPaddingSizeClassName() {
+    switch (size) {
+      case 'large':
+        return _MenuFooter.styles.withLeftPaddingSmall(theme);
+      case 'medium':
+        return _MenuFooter.styles.withLeftPaddingMedium(theme);
+      case 'small':
+      default:
+        return _MenuFooter.styles.withLeftPaddingSmall(theme);}
+
+  }
+
+  return /*#__PURE__*/(
+    _react.default.createElement(_CommonWrapper.CommonWrapper, rest, /*#__PURE__*/
+    _react.default.createElement("div", {
+      "data-tid": MenuFooterDataTids.root,
+      className: (0, _Emotion.cx)(getRootSizeClassName(), (_cx = {}, _cx[
+      _MenuFooter.styles.root(theme)] = true, _cx[
+      getWithLeftPaddingSizeClassName()] = _enableIconPadding, _cx)) },
+
+
+    children)));
+
+
+
+}
+
+MenuFooter.__KONTUR_REACT_UI__ = 'MenuFooter';
+MenuFooter.__MENU_FOOTER__ = true;
+
+
+
+var isMenuFooter = function isMenuFooter(child) {
+  return /*#__PURE__*/_react.default.isValidElement(child) ?
+  Object.prototype.hasOwnProperty.call(child.type, '__MENU_FOOTER__') :
+  false;
+};exports.isMenuFooter = isMenuFooter;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuFooter.tsx"],"names":["MenuFooterDataTids","root","MenuFooter","_enableIconPadding","children","size","rest","theme","ThemeContext","getRootSizeClassName","styles","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","__KONTUR_REACT_UI__","__MENU_FOOTER__","isMenuFooter","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"mappings":"mVAAA;;AAEA;AACA;AACA;;;AAGA,iD;;;;;;;;;;;;;;AAcO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,IAAI,EAAE,kBAD0B,EAA3B;;;AAIP;AACA;AACA;AACA;AACA;AACA;AACA,G;AACA,SAASC,UAAT,OAAwG,0CAAlFC,kBAAkF,CAAlFA,kBAAkF,sCAA7D,KAA6D,yBAAtDC,QAAsD,QAAtDA,QAAsD,kBAA5CC,IAA4C,CAA5CA,IAA4C,0BAArC,OAAqC,aAAzBC,IAAyB;AACtG,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA,WAASC,oBAAT,GAAgC;AAC9B,YAAQJ,IAAR;AACE,WAAK,OAAL;AACE,eAAOK,mBAAOC,SAAP,CAAiBJ,KAAjB,CAAP;AACF,WAAK,QAAL;AACE,eAAOG,mBAAOE,UAAP,CAAkBL,KAAlB,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOG,mBAAOG,SAAP,CAAiBN,KAAjB,CAAP,CAPJ;;AASD;AACD,WAASO,+BAAT,GAA2C;AACzC,YAAQT,IAAR;AACE,WAAK,OAAL;AACE,eAAOK,mBAAOK,oBAAP,CAA4BR,KAA5B,CAAP;AACF,WAAK,QAAL;AACE,eAAOG,mBAAOM,qBAAP,CAA6BT,KAA7B,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOG,mBAAOK,oBAAP,CAA4BR,KAA5B,CAAP,CAPJ;;AASD;;AAED;AACE,iCAAC,4BAAD,EAAmBD,IAAnB;AACE;AACE,kBAAUN,kBAAkB,CAACC,IAD/B;AAEE,MAAA,SAAS,EAAE,iBAAGQ,oBAAoB,EAAvB;AACRC,yBAAOT,IAAP,CAAYM,KAAZ,CADQ,IACa,IADb;AAERO,MAAAA,+BAA+B,EAFvB,IAE4BX,kBAF5B,OAFb;;;AAOGC,IAAAA,QAPH,CADF,CADF;;;;AAaD;;AAEDF,UAAU,CAACe,mBAAX,GAAiC,YAAjC;AACAf,UAAU,CAACgB,eAAX,GAA6B,IAA7B;;;;AAIO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0E;AACpG,SAAO,4BAAMC,cAAN,CAAsCD,KAAtC;AACHE,EAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,iBAAjD,CADG;AAEH,OAFJ;AAGD,CAJM,C","sourcesContent":["import React, { ReactNode, useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { styles } from './MenuFooter.styles';\n\n/**\n * @deprecated use SizeProp\n */\nexport type MenuFooterSize = SizeProp;\n\nexport interface MenuFooterProps extends CommonProps {\n  _enableIconPadding?: boolean;\n  children: ReactNode;\n  /** Размер */\n  size?: SizeProp;\n}\n\nexport const MenuFooterDataTids = {\n  root: 'MenuFooter__root',\n} as const;\n\n/**\n * Футер меню.\n *\n * _Примечание_: `футер меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.\n *\n * Сущности в которых может быть использован `MenuFooter`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).\n */\nfunction MenuFooter({ _enableIconPadding = false, children, size = 'small', ...rest }: MenuFooterProps) {\n  const theme = useContext(ThemeContext);\n\n  function getRootSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.rootLarge(theme);\n      case 'medium':\n        return styles.rootMedium(theme);\n      case 'small':\n      default:\n        return styles.rootSmall(theme);\n    }\n  }\n  function getWithLeftPaddingSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.withLeftPaddingSmall(theme);\n      case 'medium':\n        return styles.withLeftPaddingMedium(theme);\n      case 'small':\n      default:\n        return styles.withLeftPaddingSmall(theme);\n    }\n  }\n\n  return (\n    <CommonWrapper {...rest}>\n      <div\n        data-tid={MenuFooterDataTids.root}\n        className={cx(getRootSizeClassName(), {\n          [styles.root(theme)]: true,\n          [getWithLeftPaddingSizeClassName()]: _enableIconPadding,\n        })}\n      >\n        {children}\n      </div>\n    </CommonWrapper>\n  );\n}\n\nMenuFooter.__KONTUR_REACT_UI__ = 'MenuFooter';\nMenuFooter.__MENU_FOOTER__ = true;\n\nexport { MenuFooter };\n\nexport const isMenuFooter = (child: React.ReactNode): child is React.ReactElement<MenuFooterProps> => {\n  return React.isValidElement<MenuFooterProps>(child)\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_FOOTER__')\n    : false;\n};\n"]}

package/cjs/components/MenuFooter/MenuFooter.md

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

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

@@ -0,0 +1,2 @@
+export declare const menuFooterSizeMixin: (menuFooterLegacyPaddingRight: string, menuFooterPaddingX: string, menuFooterFontSize: string, menuFooterLineHeight: string, menuFooterPaddingTop: string, menuFooterPaddingBottom: string) => string;
+export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuFooter.mixins.ts"],"names":["menuFooterSizeMixin","menuFooterLegacyPaddingRight","menuFooterPaddingX","menuFooterFontSize","menuFooterLineHeight","menuFooterPaddingTop","menuFooterPaddingBottom","legacyPaddingRight","parseFloat","paddingRight","css","withIconSizeMixin","menuItemPaddingForIcon"],"mappings":"qTAAA,oD;;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB;AACjCC,4BADiC;AAEjCC,kBAFiC;AAGjCC,kBAHiC;AAIjCC,oBAJiC;AAKjCC,oBALiC;AAMjCC,uBANiC;AAO9B;AACH,MAAMC,kBAAkB,GAAGC,UAAU,CAACP,4BAAD,CAArC;AACA,MAAMQ,YAAY;AAChBF,EAAAA,kBAAkB,KAAK,CAAvB,GAA8BC,UAAU,CAACN,kBAAD,CAAV,GAAiCK,kBAA/D,UAAwFL,kBAD1F;;AAGA,aAAOQ,YAAP;AACeP,EAAAA,kBADf;AAEiBC,EAAAA,oBAFjB;AAGaC,EAAAA,oBAHb,EAGqCI,YAHrC,EAGqDH,uBAHrD,EAGgFJ,kBAHhF;;AAKD,CAjBM,C;;AAmBA,IAAMS,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,sBAAD,EAAoC;AACnE,aAAOF,YAAP;AACkBE,EAAAA,sBADlB;;AAGD,CAJM,C","sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const menuFooterSizeMixin = (\n  menuFooterLegacyPaddingRight: string,\n  menuFooterPaddingX: string,\n  menuFooterFontSize: string,\n  menuFooterLineHeight: string,\n  menuFooterPaddingTop: string,\n  menuFooterPaddingBottom: string,\n) => {\n  const legacyPaddingRight = parseFloat(menuFooterLegacyPaddingRight);\n  const paddingRight =\n    legacyPaddingRight !== 0 ? `${parseFloat(menuFooterPaddingX) + legacyPaddingRight}px` : menuFooterPaddingX;\n\n  return css`\n    font-size: ${menuFooterFontSize};\n    line-height: ${menuFooterLineHeight};\n    padding: ${menuFooterPaddingTop} ${paddingRight} ${menuFooterPaddingBottom} ${menuFooterPaddingX};\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n  return css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"]}

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

@@ -0,0 +1,10 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    withLeftPaddingSmall(t: Theme): string;
+    withLeftPaddingMedium(t: Theme): string;
+    withLeftPaddingLarge(t: Theme): string;
+};

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

@@ -0,0 +1,65 @@
+"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 _MenuFooter = require("./MenuFooter.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+
+var styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
+    t.menuFooterColor);
+
+
+  },
+
+  rootSmall: function rootSmall(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _MenuFooter.menuFooterSizeMixin)(
+    t.menuFooterLegacyPaddingRight,
+    t.menuFooterPaddingXSmall,
+    t.menuFooterFontSizeSmall,
+    t.menuFooterLineHeightSmall,
+    t.menuFooterPaddingTopSmall,
+    t.menuFooterPaddingBottomSmall));
+
+
+  },
+  rootMedium: function rootMedium(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _MenuFooter.menuFooterSizeMixin)(
+    t.menuFooterLegacyPaddingRight,
+    t.menuFooterPaddingXMedium,
+    t.menuFooterFontSizeMedium,
+    t.menuFooterLineHeightMedium,
+    t.menuFooterPaddingTopMedium,
+    t.menuFooterPaddingBottomMedium));
+
+
+  },
+  rootLarge: function rootLarge(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _MenuFooter.menuFooterSizeMixin)(
+    t.menuFooterLegacyPaddingRight,
+    t.menuFooterPaddingXLarge,
+    t.menuFooterFontSizeLarge,
+    t.menuFooterLineHeightLarge,
+    t.menuFooterPaddingTopLarge,
+    t.menuFooterPaddingBottomLarge));
+
+
+  },
+
+  withLeftPaddingSmall: function withLeftPaddingSmall(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _MenuFooter.withIconSizeMixin)(t.menuItemPaddingForIconSmall));
+
+  },
+  withLeftPaddingMedium: function withLeftPaddingMedium(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _MenuFooter.withIconSizeMixin)(t.menuItemPaddingForIconMedium));
+
+  },
+  withLeftPaddingLarge: function withLeftPaddingLarge(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _MenuFooter.withIconSizeMixin)(t.menuItemPaddingForIconLarge));
+
+  } });exports.styles = styles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuFooter.styles.ts"],"names":["styles","root","t","css","menuFooterColor","rootSmall","menuFooterLegacyPaddingRight","menuFooterPaddingXSmall","menuFooterFontSizeSmall","menuFooterLineHeightSmall","menuFooterPaddingTopSmall","menuFooterPaddingBottomSmall","rootMedium","menuFooterPaddingXMedium","menuFooterFontSizeMedium","menuFooterLineHeightMedium","menuFooterPaddingTopMedium","menuFooterPaddingBottomMedium","rootLarge","menuFooterPaddingXLarge","menuFooterFontSizeLarge","menuFooterLineHeightLarge","menuFooterPaddingTopLarge","menuFooterPaddingBottomLarge","withLeftPaddingSmall","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","menuItemPaddingForIconLarge"],"mappings":"4QAAA;;;AAGA,iD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACE,eADb;;;AAID,GANgC;;AAQjCC,EAAAA,SARiC,qBAQvBH,CARuB,EAQb;AAClB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACI,4BADF;AAEAJ,IAAAA,CAAC,CAACK,uBAFF;AAGAL,IAAAA,CAAC,CAACM,uBAHF;AAIAN,IAAAA,CAAC,CAACO,yBAJF;AAKAP,IAAAA,CAAC,CAACQ,yBALF;AAMAR,IAAAA,CAAC,CAACS,4BANF,CADJ;;;AAUD,GAnBgC;AAoBjCC,EAAAA,UApBiC,sBAoBtBV,CApBsB,EAoBZ;AACnB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACI,4BADF;AAEAJ,IAAAA,CAAC,CAACW,wBAFF;AAGAX,IAAAA,CAAC,CAACY,wBAHF;AAIAZ,IAAAA,CAAC,CAACa,0BAJF;AAKAb,IAAAA,CAAC,CAACc,0BALF;AAMAd,IAAAA,CAAC,CAACe,6BANF,CADJ;;;AAUD,GA/BgC;AAgCjCC,EAAAA,SAhCiC,qBAgCvBhB,CAhCuB,EAgCb;AAClB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACI,4BADF;AAEAJ,IAAAA,CAAC,CAACiB,uBAFF;AAGAjB,IAAAA,CAAC,CAACkB,uBAHF;AAIAlB,IAAAA,CAAC,CAACmB,yBAJF;AAKAnB,IAAAA,CAAC,CAACoB,yBALF;AAMApB,IAAAA,CAAC,CAACqB,4BANF,CADJ;;;AAUD,GA3CgC;;AA6CjCC,EAAAA,oBA7CiC,gCA6CZtB,CA7CY,EA6CF;AAC7B,eAAOC,YAAP;AACI,uCAAkBD,CAAC,CAACuB,2BAApB,CADJ;;AAGD,GAjDgC;AAkDjCC,EAAAA,qBAlDiC,iCAkDXxB,CAlDW,EAkDD;AAC9B,eAAOC,YAAP;AACI,uCAAkBD,CAAC,CAACyB,4BAApB,CADJ;;AAGD,GAtDgC;AAuDjCC,EAAAA,oBAvDiC,gCAuDZ1B,CAvDY,EAuDF;AAC7B,eAAOC,YAAP;AACI,uCAAkBD,CAAC,CAAC2B,2BAApB,CADJ;;AAGD,GA3DgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.menuFooterColor};\n      cursor: default;\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterLegacyPaddingRight,\n        t.menuFooterPaddingXSmall,\n        t.menuFooterFontSizeSmall,\n        t.menuFooterLineHeightSmall,\n        t.menuFooterPaddingTopSmall,\n        t.menuFooterPaddingBottomSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterLegacyPaddingRight,\n        t.menuFooterPaddingXMedium,\n        t.menuFooterFontSizeMedium,\n        t.menuFooterLineHeightMedium,\n        t.menuFooterPaddingTopMedium,\n        t.menuFooterPaddingBottomMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterLegacyPaddingRight,\n        t.menuFooterPaddingXLarge,\n        t.menuFooterFontSizeLarge,\n        t.menuFooterLineHeightLarge,\n        t.menuFooterPaddingTopLarge,\n        t.menuFooterPaddingBottomLarge,\n      )};\n    `;\n  },\n\n  withLeftPaddingSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withLeftPaddingMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withLeftPaddingLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n});\n"]}

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

@@ -0,0 +1 @@
+export * from './MenuFooter';

package/cjs/components/MenuFooter/index.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;var _MenuFooter = require("./MenuFooter");Object.keys(_MenuFooter).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _MenuFooter[key]) return;exports[key] = _MenuFooter[key];});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './MenuFooter';\n"]}