"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
const _styledcomponents = require("styled-components");
const _Buttontokens = require("../../Button.tokens");
const base = (0, _styledcomponents.css)([
    `--box-shadow-spread:var(`,
    `,0.063rem);color:var(`,
    `);background:var(`,
    `);box-shadow:inset 0 0 0 var(--box-shadow-spread) var(`,
    `,inset 0 0 0 0 transparent);&.`,
    `{background:var(`,
    `);}@media (hover:hover) and (pointer:fine){:hover{color:var(`,
    `,var(`,
    `));background:var(`,
    `,var(`,
    `));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(`,
    `,inset 0 0 0 0 transparent);scale:var(`,
    `);}}:active{color:var(`,
    `,var(`,
    `));background:var(`,
    `,var(`,
    `));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(`,
    `,inset 0 0 0 0 transparent);scale:var(`,
    `);}`
], _Buttontokens.tokens.buttonBorderWidth, _Buttontokens.tokens.buttonColor, _Buttontokens.tokens.buttonBackgroundColor, _Buttontokens.tokens.buttonBorderColor, _Buttontokens.classes.buttonLoading, _Buttontokens.tokens.buttonLoadingBackgroundColor, _Buttontokens.tokens.buttonColorHover, _Buttontokens.tokens.buttonColor, _Buttontokens.tokens.buttonBackgroundColorHover, _Buttontokens.tokens.buttonBackgroundColor, _Buttontokens.tokens.buttonBorderColorHover, _Buttontokens.tokens.buttonScaleHover, _Buttontokens.tokens.buttonColorActive, _Buttontokens.tokens.buttonColor, _Buttontokens.tokens.buttonBackgroundColorActive, _Buttontokens.tokens.buttonBackgroundColor, _Buttontokens.tokens.buttonBorderColorActive, _Buttontokens.tokens.buttonScaleActive); /// TODO: #714 tokens: optional / default / func toHover(color) => hoverColor ??
 /*
    { "optional": true, "value":  "--plasma-button-focus-color" }
    { "default": "#fc0", "value":  "--plasma-button-focus-color" }
*/ 
