"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: Object.getOwnPropertyDescriptor(all, name).get
    });
}
_export(exports, {
    get base () {
        return base;
    },
    get mappingOverride () {
        return mappingOverride;
    }
});
const _styledcomponents = require("styled-components");
const _Button = require("../Button");
const _Buttonstyles = require("../Button/Button.styles");
const _IconButtontokens = require("./IconButton.tokens");
const mappingOverride = `
    ${_Button.buttonTokens.buttonPadding}: 0;

    ${_Button.buttonTokens.buttonColor}: var(${_IconButtontokens.tokens.iconButtonColor});
    ${_Button.buttonTokens.buttonBackgroundColor}: var(${_IconButtontokens.tokens.iconButtonBackgroundColor});
    ${_Button.buttonTokens.buttonBorderColor}: var(${_IconButtontokens.tokens.iconButtonBorderColor});

    ${_Button.buttonTokens.buttonColorHover}: var(${_IconButtontokens.tokens.iconButtonColorHover});
    ${_Button.buttonTokens.buttonBackgroundColorHover}: var(${_IconButtontokens.tokens.iconButtonBackgroundColorHover});
    ${_Button.buttonTokens.buttonBorderColorHover}: var(${_IconButtontokens.tokens.iconButtonBorderColorHover});

    ${_Button.buttonTokens.buttonColorActive}: var(${_IconButtontokens.tokens.iconButtonColorActive});
    ${_Button.buttonTokens.buttonBackgroundColorActive}: var(${_IconButtontokens.tokens.iconButtonBackgroundColorActive});
    ${_Button.buttonTokens.buttonBorderColorActive}: var(${_IconButtontokens.tokens.iconButtonBorderColorActive});

    ${_Button.buttonTokens.buttonLoadingBackgroundColor}: var(${_IconButtontokens.tokens.iconButtonLoadingBackgroundColor});

    ${_Button.buttonTokens.buttonFontFamily}: var(${_IconButtontokens.tokens.iconButtonFontFamily});
    ${_Button.buttonTokens.buttonFontSize}: var(${_IconButtontokens.tokens.iconButtonFontSize});
    ${_Button.buttonTokens.buttonFontStyle}: var(${_IconButtontokens.tokens.iconButtonFontStyle});
    ${_Button.buttonTokens.buttonFontWeight}:var(${_IconButtontokens.tokens.iconButtonFontWeight});
    ${_Button.buttonTokens.buttonLetterSpacing}: var(${_IconButtontokens.tokens.iconButtonLetterSpacing});
    ${_Button.buttonTokens.buttonLineHeight}: var(${_IconButtontokens.tokens.iconButtonLineHeight});

    ${_Button.buttonTokens.buttonWidth}: var(${_IconButtontokens.tokens.iconButtonWidth});
    ${_Button.buttonTokens.buttonHeight}: var(${_IconButtontokens.tokens.iconButtonHeight});
    ${_Button.buttonTokens.buttonRadius}: var(${_IconButtontokens.tokens.iconButtonRadius});

    ${_Button.buttonTokens.buttonDisabledOpacity}: var(${_IconButtontokens.tokens.iconButtonDisabledOpacity});
    ${_Button.buttonTokens.buttonFocusColor}: var(${_IconButtontokens.tokens.iconButtonFocusColor});

    ${_Button.buttonTokens.buttonSpinnerSize}: var(${_IconButtontokens.tokens.iconButtonSpinnerSize});
    ${_Button.buttonTokens.buttonSpinnerColor}: var(${_IconButtontokens.tokens.iconButtonSpinnerColor});

    ${_Button.buttonTokens.buttonBorderWidth}: var(${_IconButtontokens.tokens.iconButtonBorderWidth});
`;
const base = (0, _styledcomponents.css)([
    ``,
    `;`,
    `;`
], _Buttonstyles.baseContent, mappingOverride);
