@skbkontur/react-ui 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72

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

@@ -1,17 +1,15 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.globalClasses = exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
-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, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
+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, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31;
 
 var globalClasses = (0, _Emotion.prefix)('link')({
   textWrapper: 'textWrapper',
   text: 'text' });exports.globalClasses = globalClasses;
 
 
-var oldLineText = function oldLineText(t, emotion) {
-  var line = 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 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"])));
+
 
 
 
@@ -19,8 +17,9 @@ var oldLineText = function oldLineText(t, emotion) {
 
 
 
+var oldLineText = function oldLineText(t) {
   var delay = parseFloat(t.linkLineBorderBottomOpacity) - 1;
-  return 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  "])),
+  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,
@@ -30,251 +29,276 @@ var oldLineText = function oldLineText(t, emotion) {
 
 };
 
-var getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root(t) {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n        position: relative;\n      "])),
-        (0, _Link.linkMixin)(t.linkHoverTextDecoration));
+var styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    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)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: 1px;\n      outline: none;\n      text-decoration: none;\n      &:hover .", " {\n        border-bottom-color: currentColor !important;\n      }\n    "])),
+
+
+
+    globalClasses.text);
+
+
+
+  },
+
+  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      }\n    "])),
+    t.linkLineBorderBottomColor,
+    t.transitionDuration, t.transitionTimingFunction,
+    t.linkLineBorderBottomStyle,
+    t.linkLineBorderBottomWidth);
+
+
+
+  },
 
+  lineTextWrapperFocused: function lineTextWrapperFocused(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      @supports (border-bottom-color: ", ") {\n        border-bottom-color: currentColor;\n        border-bottom-style: ", ";\n      }\n    "])),
+    t.linkLineBorderBottomColor,
 
-      },
+    t.linkLineHoverBorderBottomStyle);
 
-      lineRoot: function lineRoot() {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border-radius: 1px;\n        outline: none;\n        text-decoration: none;\n        &:hover .", " {\n          border-bottom-color: currentColor !important;\n        }\n      "])),
 
+  },
 
+  lineText: function lineText(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (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,
 
-        globalClasses.text);
+    t.linkLineBorderBottomColor,
+    oldLineText(t));
 
 
+  },
 
-      },
+  lineTextIE11: function lineTextIE11(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    oldLineText(t));
 
-      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 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        }\n      "])),
-        t.linkLineBorderBottomColor,
-        t.transitionDuration, t.transitionTimingFunction,
-        t.linkLineBorderBottomStyle,
-        t.linkLineBorderBottomWidth);
+  lineFocus: function lineFocus(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n\n      .", " {\n        ", "\n      }\n    "])),
+    t.linkHoverColor,
 
+    globalClasses.text,
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
 
-      },
+  },
 
-      lineTextWrapperFocused: function lineTextWrapperFocused(t) {
-        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        @supports (border-bottom-color: ", ") {\n          border-bottom-color: currentColor;\n          border-bottom-style: ", ";\n        }\n      "])),
-        t.linkLineBorderBottomColor,
+  lineFocusSuccess: function lineFocusSuccess(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n\n      .", " {\n        ", "\n      }\n    "])),
+    t.linkSuccessHoverColor,
 
-        t.linkLineHoverBorderBottomStyle);
+    globalClasses.text,
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
 
-      },
+  },
 
-      lineText: function lineText(t) {
-        return emotion.css(_templateObject7 || (_templateObject7 = (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,
+  lineFocusDanger: function lineFocusDanger(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n\n      .", " {\n        ", "\n      }\n    "])),
+    t.linkDangerHoverColor,
 
-        t.linkLineBorderBottomColor,
-        oldLineText(t, emotion));
+    globalClasses.text,
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
 
-      },
+  },
 
-      lineTextIE11: function lineTextIE11(t) {
-        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        oldLineText(t, emotion));
+  lineFocusGrayed: function lineFocusGrayed(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n\n      .", " {\n        ", "\n      }\n    "])),
+    t.linkGrayedHoverColor,
 
-      },
+    globalClasses.text,
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
-      lineFocus: function lineFocus(t) {
-        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n\n        .", " {\n          ", "\n        }\n      "])),
-        t.linkHoverColor,
 
-        globalClasses.text,
-        (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
+  },
 
+  button: function button(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      line-height: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "])),
 
-      },
+    t.linkButtonLineHeight,
+    t.linkButtonPaddingX,
+    t.linkButtonPaddingX);
 
-      lineFocusSuccess: function lineFocusSuccess(t) {
-        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", " !important;\n\n        .", " {\n          ", "\n        }\n      "])),
-        t.linkSuccessHoverColor,
+  },
 
-        globalClasses.text,
-        (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
+  buttonOpened: function buttonOpened(t) {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
+    t.btnDefaultActiveBg);
 
+  },
 
-      },
+  arrow: function arrow() {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (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    "])));
 
-      lineFocusDanger: function lineFocusDanger(t) {
-        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", " !important;\n\n        .", " {\n          ", "\n        }\n      "])),
-        t.linkDangerHoverColor,
 
-        globalClasses.text,
-        (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
 
-      },
 
-      lineFocusGrayed: function lineFocusGrayed(t) {
-        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", " !important;\n\n        .", " {\n          ", "\n        }\n      "])),
-        t.linkGrayedHoverColor,
 
-        globalClasses.text,
-        (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
 
-      },
+  },
 
-      button: function button(t) {
-        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        line-height: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n      "])),
+  useRoot: function useRoot() {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-bottom-color: currentColor;\n      cursor: pointer;\n      position: relative;\n    "])));
 
-        t.linkButtonLineHeight,
-        t.linkButtonPaddingX,
-        t.linkButtonPaddingX);
 
-      },
 
-      buttonOpened: function buttonOpened(t) {
-        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n      "])),
-        t.btnDefaultActiveBg);
 
-      },
+  },
 
-      arrow: function arrow() {
-        return emotion.css(_templateObject15 || (_templateObject15 = (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      "])));
+  useDefault: function useDefault(t) {
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])),
+    (0, _Link.linkUseColorsMixin)(t.linkColor, t.linkHoverColor, t.linkActiveColor),
+    globalClasses.text,
 
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
 
 
+  },
 
+  useSuccess: function useSuccess(t) {
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])),
+    (0, _Link.linkUseColorsMixin)(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor),
+    globalClasses.text,
 
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
 
-      },
 
-      useRoot: function useRoot() {
-        return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border-bottom-color: currentColor;\n      "])));
+  },
 
+  useDanger: function useDanger(t) {
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])),
+    (0, _Link.linkUseColorsMixin)(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor),
+    globalClasses.text,
 
-      },
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
-      useDefault: function useDefault(t) {
-        return emotion.css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n        .", " {\n          :hover {\n            ", "\n          }\n        }\n      "])),
-        (0, _Link.linkUseColorsMixin)(t.linkColor, t.linkHoverColor, t.linkActiveColor),
-        globalClasses.text,
 
-        (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
+  },
 
+  useGrayed: function useGrayed(t) {
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])),
+    (0, _Link.linkUseColorsMixin)(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor),
+    globalClasses.text,
 
-      },
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
-      useSuccess: function useSuccess(t) {
-        return emotion.css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n        .", " {\n          :hover {\n            ", "\n          }\n        }\n      "])),
-        (0, _Link.linkUseColorsMixin)(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor),
-        globalClasses.text,
 
-        (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
+  },
 
+  useGrayedFocus: function useGrayedFocus(t) {
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.linkDisabledColor);
 
-      },
+  },
 
-      useDanger: function useDanger(t) {
-        return emotion.css(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n        .", " {\n          :hover {\n            ", "\n          }\n        }\n      "])),
-        (0, _Link.linkUseColorsMixin)(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor),
-        globalClasses.text,
+  focus: function focus(t) {
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n    "])),
+    t.linkHoverTextDecoration);
 
-        (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
+  },
 
+  focus2022: function focus2022(t) {
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      outline: ", ";\n\n      .", " {\n        &,\n        &:hover {\n          ", "\n        }\n      }\n\n      .", " {\n        border-bottom-style: none;\n      }\n    "])),
+    t.linkFocusOutline,
 
+    globalClasses.text,
 
-      },
 
-      useGrayed: function useGrayed(t) {
-        return emotion.css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n        .", " {\n          :hover {\n            ", "\n          }\n        }\n      "])),
-        (0, _Link.linkUseColorsMixin)(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor),
-        globalClasses.text,
+    (0, _Link.linkUseLineHovered)('none'),
 
-        (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
 
+    globalClasses.textWrapper);
 
-      },
 
-      useGrayedFocus: function useGrayedFocus(t) {
-        return emotion.css(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
-        t.linkDisabledColor);
 
-      },
+  },
 
-      focus: function focus(t) {
-        return emotion.css(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n        text-decoration: ", ";\n      "])),
-        t.linkHoverTextDecoration);
+  disabled: function disabled(t) {
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      color: ", " !important; // override root color\n\n      &:hover {\n        color: ", ";\n      }\n    "])),
+    (0, _Link.linkDisabledMixin)(),
 
-      },
+    t.linkDisabledColor,
 
-      focus2022: function focus2022(t) {
-        return emotion.css(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n        outline: ", ";\n\n        .", " {\n          &,\n          &:hover {\n            ", "\n          }\n        }\n\n        .", " {\n          border-bottom-style: none;\n        }\n      "])),
-        t.linkFocusOutline,
 
-        globalClasses.text,
+    t.linkDisabledColor);
 
 
-        (0, _Link.linkUseLineHovered)('none'),
+  },
 
+  disabledDark22Theme: function disabledDark22Theme(t) {
+    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      .", " {\n        ", "\n      }\n    "])),
+    globalClasses.text,
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
 
-        globalClasses.textWrapper);
+  },
 
+  icon: function icon() {
+    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
 
 
-      },
+  },
 
-      disabled: function disabled(t) {
-        return emotion.css(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n\n        color: ", " !important; // override root color\n\n        &:hover {\n          color: ", ";\n        }\n      "])),
-        (0, _Link.linkDisabledMixin)(),
+  iconLeft: function iconLeft(t) {
+    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
+    t.linkIconMarginRight);
 
-        t.linkDisabledColor,
+  },
 
+  iconRight: function iconRight(t) {
+    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n    "])),
+    t.linkIconMarginLeft);
 
-        t.linkDisabledColor);
+  },
 
+  outline: function outline(t) {
+    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      position: absolute;\n      box-shadow: none;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      top: -2px;\n    "])),
+    t.btnLinkBorderRadius);
 
-      },
 
-      disabledDark22Theme: function disabledDark22Theme(t) {
-        return emotion.css(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n        .", " {\n          ", "\n        }\n      "])),
-        globalClasses.text,
-        (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
 
 
-      },
 
-      icon: function icon() {
-        return emotion.css(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n      "])));
 
 
-      },
+  },
 
-      iconLeft: function iconLeft(t) {
-        return emotion.css(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
-        t.linkIconMarginRight);
+  outlineWarning: function outlineWarning(t) {
+    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n    "])),
+    t.btnWarningSecondary);
 
-      },
+  },
 
-      iconRight: function iconRight(t) {
-        return emotion.css(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-left: ", ";\n      "])),
-        t.linkIconMarginLeft);
+  outlineError: function outlineError(t) {
+    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n    "])),
+    t.btnErrorSecondary);
 
-      } }));};exports.getStyles = getStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Link.styles.ts"],"names":["globalClasses","textWrapper","text","oldLineText","t","emotion","line","keyframes","delay","parseFloat","linkLineBorderBottomOpacity","css","linkLineBorderBottomStyle","linkLineBorderBottomWidth","getStyles","root","linkHoverTextDecoration","lineRoot","lineTextWrapper","linkLineBorderBottomColor","transitionDuration","transitionTimingFunction","lineTextWrapperFocused","linkLineHoverBorderBottomStyle","lineText","lineTextIE11","lineFocus","linkHoverColor","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","focus2022","linkFocusOutline","disabled","disabledDark22Theme","icon","iconLeft","linkIconMarginRight","iconRight","linkIconMarginLeft"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { linkDisabledMixin, linkMixin, linkUseColorsMixin, linkUseLineHovered } from './Link.mixins';\n\nexport const globalClasses = prefix('link')({\n  textWrapper: 'textWrapper',\n  text: 'text',\n});\n\nconst oldLineText = (t: Theme, emotion: Emotion) => {\n  const line = emotion.keyframes`\n  0% {\n    border-bottom-color: inherit;\n  }\n  100% {\n    border-bottom-color: transparent;\n  }\n`;\n  const delay = parseFloat(t.linkLineBorderBottomOpacity) - 1;\n  return emotion.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 getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        ${linkMixin(t.linkHoverTextDecoration)};\n        position: relative;\n      `;\n    },\n\n    lineRoot() {\n      return emotion.css`\n        border-radius: 1px;\n        outline: none;\n        text-decoration: none;\n        &:hover .${globalClasses.text} {\n          border-bottom-color: currentColor !important;\n        }\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 emotion.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        }\n      `;\n    },\n\n    lineTextWrapperFocused(t: Theme) {\n      return emotion.css`\n        @supports (border-bottom-color: ${t.linkLineBorderBottomColor}) {\n          border-bottom-color: currentColor;\n          border-bottom-style: ${t.linkLineHoverBorderBottomStyle};\n        }\n      `;\n    },\n\n    lineText(t: Theme) {\n      return emotion.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, emotion)};\n        }\n      `;\n    },\n\n    lineTextIE11(t: Theme) {\n      return emotion.css`\n        ${oldLineText(t, emotion)};\n      `;\n    },\n\n    lineFocus(t: Theme) {\n      return emotion.css`\n        color: ${t.linkHoverColor};\n\n        .${globalClasses.text} {\n          ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n        }\n      `;\n    },\n\n    lineFocusSuccess(t: Theme) {\n      return emotion.css`\n        color: ${t.linkSuccessHoverColor} !important;\n\n        .${globalClasses.text} {\n          ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n        }\n      `;\n    },\n\n    lineFocusDanger(t: Theme) {\n      return emotion.css`\n        color: ${t.linkDangerHoverColor} !important;\n\n        .${globalClasses.text} {\n          ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n        }\n      `;\n    },\n\n    lineFocusGrayed(t: Theme) {\n      return emotion.css`\n        color: ${t.linkGrayedHoverColor} !important;\n\n        .${globalClasses.text} {\n          ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n        }\n      `;\n    },\n\n    button(t: Theme) {\n      return emotion.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 emotion.css`\n        background: ${t.btnDefaultActiveBg};\n      `;\n    },\n\n    arrow() {\n      return emotion.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 emotion.css`\n        border-bottom-color: currentColor;\n      `;\n    },\n\n    useDefault(t: Theme) {\n      return emotion.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 emotion.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 emotion.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 emotion.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 emotion.css`\n        color: ${t.linkDisabledColor};\n      `;\n    },\n\n    focus(t: Theme) {\n      return emotion.css`\n        text-decoration: ${t.linkHoverTextDecoration};\n      `;\n    },\n\n    focus2022(t: Theme) {\n      return emotion.css`\n        outline: ${t.linkFocusOutline};\n\n        .${globalClasses.text} {\n          &,\n          &:hover {\n            ${linkUseLineHovered('none')}\n          }\n        }\n\n        .${globalClasses.textWrapper} {\n          border-bottom-style: none;\n        }\n      `;\n    },\n\n    disabled(t: Theme) {\n      return emotion.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 emotion.css`\n        .${globalClasses.text} {\n          ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n        }\n      `;\n    },\n\n    icon() {\n      return emotion.css`\n        display: inline-block;\n      `;\n    },\n\n    iconLeft(t: Theme) {\n      return emotion.css`\n        margin-right: ${t.linkIconMarginRight};\n      `;\n    },\n\n    iconRight(t: Theme) {\n      return emotion.css`\n        margin-left: ${t.linkIconMarginLeft};\n      `;\n    },\n  });\n"]}
+{"version":3,"sources":["Link.styles.ts"],"names":["globalClasses","textWrapper","text","line","keyframes","oldLineText","t","delay","parseFloat","linkLineBorderBottomOpacity","css","linkLineBorderBottomStyle","linkLineBorderBottomWidth","styles","root","linkHoverTextDecoration","lineRoot","lineTextWrapper","linkLineBorderBottomColor","transitionDuration","transitionTimingFunction","lineTextWrapperFocused","linkLineHoverBorderBottomStyle","lineText","lineTextIE11","lineFocus","linkHoverColor","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","focus2022","linkFocusOutline","disabled","disabledDark22Theme","icon","iconLeft","linkIconMarginRight","iconRight","linkIconMarginLeft","outline","btnLinkBorderRadius","outlineWarning","btnWarningSecondary","outlineError","btnErrorSecondary"],"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  textWrapper: 'textWrapper',\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      &:hover .${globalClasses.text} {\n        border-bottom-color: currentColor !important;\n      }\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      }\n    `;\n  },\n\n  lineTextWrapperFocused(t: Theme) {\n    return css`\n      @supports (border-bottom-color: ${t.linkLineBorderBottomColor}) {\n        border-bottom-color: currentColor;\n        border-bottom-style: ${t.linkLineHoverBorderBottomStyle};\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\n      .${globalClasses.text} {\n        ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n      }\n    `;\n  },\n\n  lineFocusSuccess(t: Theme) {\n    return css`\n      color: ${t.linkSuccessHoverColor} !important;\n\n      .${globalClasses.text} {\n        ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n      }\n    `;\n  },\n\n  lineFocusDanger(t: Theme) {\n    return css`\n      color: ${t.linkDangerHoverColor} !important;\n\n      .${globalClasses.text} {\n        ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n      }\n    `;\n  },\n\n  lineFocusGrayed(t: Theme) {\n    return css`\n      color: ${t.linkGrayedHoverColor} !important;\n\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      cursor: pointer;\n      position: relative;\n    `;\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  focus2022(t: Theme) {\n    return css`\n      outline: ${t.linkFocusOutline};\n\n      .${globalClasses.text} {\n        &,\n        &:hover {\n          ${linkUseLineHovered('none')}\n        }\n      }\n\n      .${globalClasses.textWrapper} {\n        border-bottom-style: none;\n      }\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() {\n    return css`\n      display: inline-block;\n    `;\n  },\n\n  iconLeft(t: Theme) {\n    return css`\n      margin-right: ${t.linkIconMarginRight};\n    `;\n  },\n\n  iconRight(t: Theme) {\n    return css`\n      margin-left: ${t.linkIconMarginLeft};\n    `;\n  },\n\n  outline(t: Theme) {\n    return css`\n      border-radius: ${t.btnLinkBorderRadius};\n      position: absolute;\n      box-shadow: none;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      top: -2px;\n    `;\n  },\n\n  outlineWarning(t: Theme) {\n    return css`\n      background-color: ${t.btnWarningSecondary};\n    `;\n  },\n\n  outlineError(t: Theme) {\n    return css`\n      background-color: ${t.btnErrorSecondary};\n    `;\n  },\n});\n"]}

package/cjs/components/Link/LinkIcon.js

@@ -1,8 +1,8 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.LinkIcon = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.LinkIcon = void 0;var _react = _interopRequireWildcard(require("react"));
 
 var _Emotion = require("../../lib/theming/Emotion");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _Spinner = require("../Spinner");
-var _useTheme = require("../../lib/theming/useTheme");
 
 
 var _Link = require("./Link.styles");
@@ -13,16 +13,14 @@ var _Link = require("./Link.styles");
 
 
 var LinkIcon = function LinkIcon(_ref) {var icon = _ref.icon,loading = _ref.loading,hasBothIcons = _ref.hasBothIcons,position = _ref.position;
-  var theme = (0, _useTheme.useTheme)();
-  var emotion = (0, _Emotion.useEmotion)();
-  var styles = (0, _Link.getStyles)(emotion);
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
 
   return /*#__PURE__*/(
     _react.default.createElement("span", {
-      className: emotion.cx(
-      styles.icon(),
-      position === 'left' && styles.iconLeft(theme),
-      position === 'right' && styles.iconRight(theme)) },
+      className: (0, _Emotion.cx)(
+      _Link.styles.icon(),
+      position === 'left' && _Link.styles.iconLeft(theme),
+      position === 'right' && _Link.styles.iconRight(theme)) },
 
 
     loading && !hasBothIcons ? /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { caption: null, dimmed: true, inline: true }) : icon));

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

@@ -1 +1 @@
-{"version":3,"sources":["LinkIcon.tsx"],"names":["LinkIcon","icon","loading","hasBothIcons","position","theme","emotion","styles","cx","iconLeft","iconRight"],"mappings":"8JAAA;;AAEA;AACA;AACA;;;AAGA;;;;;;;AAOO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAA8D,KAA3DC,IAA2D,QAA3DA,IAA2D,CAArDC,OAAqD,QAArDA,OAAqD,CAA5CC,YAA4C,QAA5CA,YAA4C,CAA9BC,QAA8B,QAA9BA,QAA8B;AACpF,MAAMC,KAAK,GAAG,yBAAd;AACA,MAAMC,OAAO,GAAG,0BAAhB;AACA,MAAMC,MAAM,GAAG,qBAAUD,OAAV,CAAf;;AAEA;AACE;AACE,MAAA,SAAS,EAAEA,OAAO,CAACE,EAAR;AACTD,MAAAA,MAAM,CAACN,IAAP,EADS;AAETG,MAAAA,QAAQ,KAAK,MAAb,IAAuBG,MAAM,CAACE,QAAP,CAAgBJ,KAAhB,CAFd;AAGTD,MAAAA,QAAQ,KAAK,OAAb,IAAwBG,MAAM,CAACG,SAAP,CAAiBL,KAAjB,CAHf,CADb;;;AAOGH,IAAAA,OAAO,IAAI,CAACC,YAAZ,gBAA2B,6BAAC,gBAAD,IAAS,OAAO,EAAE,IAAlB,EAAwB,MAAM,MAA9B,EAA+B,MAAM,MAArC,GAA3B,GAAsEF,IAPzE,CADF;;;AAWD,CAhBM,C","sourcesContent":["import React from 'react';\n\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { Spinner } from '../Spinner';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { LinkProps } from './Link';\nimport { getStyles } from './Link.styles';\n\nexport interface LinkIconProps extends Pick<LinkProps, 'icon' | 'loading'> {\n  position?: 'left' | 'right';\n  hasBothIcons?: boolean;\n}\n\nexport const LinkIcon = ({ icon, loading, hasBothIcons, position }: LinkIconProps) => {\n  const theme = useTheme();\n  const emotion = useEmotion();\n  const styles = getStyles(emotion);\n\n  return (\n    <span\n      className={emotion.cx(\n        styles.icon(),\n        position === 'left' && styles.iconLeft(theme),\n        position === 'right' && styles.iconRight(theme),\n      )}\n    >\n      {loading && !hasBothIcons ? <Spinner caption={null} dimmed inline /> : icon}\n    </span>\n  );\n};\n"]}
+{"version":3,"sources":["LinkIcon.tsx"],"names":["LinkIcon","icon","loading","hasBothIcons","position","theme","ThemeContext","styles","iconLeft","iconRight"],"mappings":"gKAAA;;AAEA;AACA;AACA;;;AAGA;;;;;;;AAOO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAA8D,KAA3DC,IAA2D,QAA3DA,IAA2D,CAArDC,OAAqD,QAArDA,OAAqD,CAA5CC,YAA4C,QAA5CA,YAA4C,CAA9BC,QAA8B,QAA9BA,QAA8B;AACpF,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE;AACE,MAAA,SAAS,EAAE;AACTC,mBAAON,IAAP,EADS;AAETG,MAAAA,QAAQ,KAAK,MAAb,IAAuBG,aAAOC,QAAP,CAAgBH,KAAhB,CAFd;AAGTD,MAAAA,QAAQ,KAAK,OAAb,IAAwBG,aAAOE,SAAP,CAAiBJ,KAAjB,CAHf,CADb;;;AAOGH,IAAAA,OAAO,IAAI,CAACC,YAAZ,gBAA2B,6BAAC,gBAAD,IAAS,OAAO,EAAE,IAAlB,EAAwB,MAAM,MAA9B,EAA+B,MAAM,MAArC,GAA3B,GAAsEF,IAPzE,CADF;;;AAWD,CAdM,C","sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Spinner } from '../Spinner';\n\nimport { LinkProps } from './Link';\nimport { styles } from './Link.styles';\n\nexport interface LinkIconProps extends Pick<LinkProps, 'icon' | 'loading'> {\n  position?: 'left' | 'right';\n  hasBothIcons?: boolean;\n}\n\nexport const LinkIcon = ({ icon, loading, hasBothIcons, position }: LinkIconProps) => {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <span\n      className={cx(\n        styles.icon(),\n        position === 'left' && styles.iconLeft(theme),\n        position === 'right' && styles.iconRight(theme),\n      )}\n    >\n      {loading && !hasBothIcons ? <Spinner caption={null} dimmed inline /> : icon}\n    </span>\n  );\n};\n"]}

package/cjs/components/Loader/Loader.d.ts

@@ -92,7 +92,6 @@ export declare class Loader extends React.Component<LoaderProps, LoaderState> {
         minimalDelayBeforeSpinnerHide: PropTypes.Requireable<number>;
     };
     private theme;
-    private emotion;
     private setRootNode;
     private spinnerContainerNode;
     private childrenContainerNode;