var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
import { resetButton } from '../../lib/styles/Mixins.js';
import { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins.js';
var line = function (_a) {
    var keyframes = _a.keyframes;
    return keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n"], ["\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n"])));
};
var oldLineText = function (t, emotion) {
    var delay = parseFloat(t.linkTextUnderlineOpacity) - 1;
    return emotion.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\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  "], ["\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  "])), line(emotion), delay);
};
export var getStyles = memoizeGetStyles(function (emotion) { return ({
    root: function (t) {
        return emotion.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        cursor: pointer;\n        position: relative;\n\n        border-radius: 1px;\n        text-decoration: ", ";\n        text-decoration-style: ", ";\n        text-underline-offset: ", ";\n        text-decoration-thickness: ", ";\n        transition: text-decoration-color ", " ", ";\n        @supports (text-decoration-color: ", ") {\n          text-decoration-color: ", ";\n          &:hover {\n            text-decoration-color: currentColor;\n            text-decoration-style: ", ";\n          }\n        }\n        @supports not (text-decoration-color: ", ") {\n          ", ";\n          &:hover {\n            text-decoration-style: ", ";\n            animation: none !important;\n          }\n        }\n      "], ["\n        cursor: pointer;\n        position: relative;\n\n        border-radius: 1px;\n        text-decoration: ", ";\n        text-decoration-style: ", ";\n        text-underline-offset: ", ";\n        text-decoration-thickness: ", ";\n        transition: text-decoration-color ", " ", ";\n        @supports (text-decoration-color: ", ") {\n          text-decoration-color: ", ";\n          &:hover {\n            text-decoration-color: currentColor;\n            text-decoration-style: ", ";\n          }\n        }\n        @supports not (text-decoration-color: ", ") {\n          ", ";\n          &:hover {\n            text-decoration-style: ", ";\n            animation: none !important;\n          }\n        }\n      "])), t.linkTextDecoration, t.linkTextDecorationStyle, t.linkTextUnderlineOffset, t.linkTextDecorationThickness, t.transitionDuration, t.transitionTimingFunction, t.linkTextDecorationColor, t.linkTextDecorationColor, t.linkHoverTextDecorationStyle, t.linkTextDecorationColor, oldLineText(t, emotion), t.linkHoverTextDecorationStyle);
    },
    lineFocus: function (t) {
        return emotion.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.linkHoverColor);
    },
    lineFocusSuccess: function (t) {
        return emotion.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        color: ", " !important;\n      "], ["\n        color: ", " !important;\n      "])), t.linkSuccessHoverColor);
    },
    lineFocusDanger: function (t) {
        return emotion.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        color: ", " !important;\n      "], ["\n        color: ", " !important;\n      "])), t.linkDangerHoverColor);
    },
    lineFocusGrayed: function (t) {
        return emotion.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        color: ", " !important;\n      "], ["\n        color: ", " !important;\n      "])), t.linkGrayedHoverColor);
    },
    button: function (t) {
        return emotion.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        display: inline-block;\n        line-height: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n      "], ["\n        display: inline-block;\n        line-height: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n      "])), t.linkButtonLineHeight, t.linkButtonPaddingX, t.linkButtonPaddingX);
    },
    buttonOpened: function (t) {
        return emotion.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        background: ", ";\n      "], ["\n        background: ", ";\n      "])), t.btnDefaultActiveBg);
    },
    arrow: function () {
        return emotion.css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\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        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      "])));
    },
    default: function (t) {
        return emotion.css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor));
    },
    success: function (t) {
        return emotion.css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor));
    },
    danger: function (t) {
        return emotion.css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor));
    },
    grayed: function (t) {
        return emotion.css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor));
    },
    useGrayedFocus: function (t) {
        return emotion.css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.linkDisabledColor);
    },
    focus: function (t) {
        return emotion.css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n        text-decoration: ", ";\n        outline: ", ";\n      "], ["\n        text-decoration: ", ";\n        outline: ", ";\n      "])), t.linkHoverTextDecoration, t.linkFocusOutline);
    },
    disabled: function (t) {
        return emotion.css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n        ", ";\n\n        color: ", " !important; // override root color\n\n        &:hover {\n          color: ", ";\n          text-decoration-color: ", ";\n        }\n      "], ["\n        ", ";\n\n        color: ", " !important; // override root color\n\n        &:hover {\n          color: ", ";\n          text-decoration-color: ", ";\n        }\n      "])), linkDisabledMixin(), t.linkDisabledColor, t.linkDisabledColor, t.linkTextDecorationColor);
    },
    icon: function () {
        return emotion.css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n        display: inline-block;\n      "], ["\n        display: inline-block;\n      "])));
    },
    iconLeft: function (t) {
        return emotion.css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.linkIconMarginRight);
    },
    iconRight: function (t) {
        return emotion.css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n        margin-left: ", ";\n      "], ["\n        margin-left: ", ";\n      "])), t.linkIconMarginLeft);
    },
    warning: function (t) {
        return emotion.css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n        background-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      "], ["\n        background-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      "])), t.btnWarningSecondary, t.btnWarningSecondary);
    },
    error: function (t) {
        return emotion.css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n        background-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      "], ["\n        background-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      "])), t.btnErrorSecondary, t.btnErrorSecondary);
    },
    reserButton: function () {
        return emotion.css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), resetButton());
    },
}); });
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23;
//# sourceMappingURL=Link.styles.js.map