"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
const _styledcomponents = require("styled-components");
const _NumberInputtokens = require("../../NumberInput.tokens");
const _IconButton = require("../../../IconButton");
const _ActionButtonstyles = require("../../ui/ActionButton/ActionButton.styles");
const _Inputstyles = require("../../ui/Input/Input.styles");
const _Spinner = require("../../../Spinner");
const base = (0, _styledcomponents.css)([
    ``,
    `{`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);&.`,
    `,&.`,
    `{opacity:var(`,
    `);cursor:var(`,
    `,not-allowed);&:before{cursor:var(`,
    `,not-allowed);}:hover,:active{scale:none;color:var(`,
    `);background-color:var(`,
    `);}}}&& `,
    `{&:focus-within{background-color:var(`,
    `);box-shadow:inset 0 0 0 var(`,
    `) var(`,
    `);}&.`,
    `.`,
    `{background-color:var(`,
    `);box-shadow:inset 0 0 0 var(`,
    `) var(`,
    `);animation:shakingError 0.3s forwards;`,
    `{color:var(`,
    `);animation:fadeError 0.3s forwards;}&:focus-within{background-color:var(`,
    `);box-shadow:inset 0 0 0 var(`,
    `) var(`,
    `);}}@keyframes shakingError{14%{transform:translateX(-0.125rem);}28%{transform:translateX(0.125rem);}42%{transform:translateX(-0.125rem);}57%{transform:translateX(0.125rem);}71%{transform:translateX(-0.125rem);}85%{transform:translateX(0.125rem);}100%{transform:translateX(-0.125rem);}}@keyframes fadeError{50%{opacity:1;}100%{opacity:0;}}}`,
    `{`,
    `:var(`,
    `);}`,
    `{color:var(`,
    `);}`,
    `{color:var(`,
    `);}`
], _ActionButtonstyles.StyledIconButton, _IconButton.iconButtonTokens.iconButtonColor, _NumberInputtokens.tokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _NumberInputtokens.tokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _NumberInputtokens.tokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _NumberInputtokens.tokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _NumberInputtokens.tokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _NumberInputtokens.tokens.iconButtonBackgroundColorActive, _NumberInputtokens.classes.actionButtonDecrementDisabled, _NumberInputtokens.classes.actionButtonIncrementDisabled, _NumberInputtokens.tokens.actionButtonDisabledOpacity, _NumberInputtokens.tokens.actionButtonDisabledCursor, _NumberInputtokens.tokens.actionButtonDisabledCursor, _NumberInputtokens.tokens.iconButtonColor, _NumberInputtokens.tokens.iconButtonBackgroundColor, _Inputstyles.InputWrapper, _NumberInputtokens.tokens.backgroundColorFocus, _NumberInputtokens.tokens.inputWrapperBorderWidth, _NumberInputtokens.tokens.borderColorFocus, _NumberInputtokens.classes.manualInput, _NumberInputtokens.classes.errorAnimation, _NumberInputtokens.tokens.backgroundErrorColor, _NumberInputtokens.tokens.inputWrapperBorderWidth, _NumberInputtokens.tokens.borderErrorColor, _Inputstyles.Input, _NumberInputtokens.tokens.errorColor, _NumberInputtokens.tokens.backgroundErrorColor, _NumberInputtokens.tokens.inputWrapperBorderWidth, _NumberInputtokens.tokens.borderErrorColor, _Inputstyles.StyledSpinner, _Spinner.spinnerTokens.color, _NumberInputtokens.tokens.loaderSpinnerColor, _Inputstyles.Input, _NumberInputtokens.tokens.color, _Inputstyles.AdditionalText, _NumberInputtokens.tokens.additionalTextColor);
