"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
const _react = require("@emotion/react");
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, /*#__PURE__*/ _react.css)(_ActionButtonstyles.StyledIconButton, "{", _IconButton.iconButtonTokens.iconButtonColor, ":var(", _NumberInputtokens.tokens.iconButtonColor, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColor, ":var(", _NumberInputtokens.tokens.iconButtonBackgroundColor, ");", _IconButton.iconButtonTokens.iconButtonColorHover, ":var(", _NumberInputtokens.tokens.iconButtonColorHover, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, ":var(", _NumberInputtokens.tokens.iconButtonBackgroundColorHover, ");", _IconButton.iconButtonTokens.iconButtonColorActive, ":var(", _NumberInputtokens.tokens.iconButtonColorActive, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, ":var(", _NumberInputtokens.tokens.iconButtonBackgroundColorActive, ");&.", _NumberInputtokens.classes.actionButtonDecrementDisabled, ",&.", _NumberInputtokens.classes.actionButtonIncrementDisabled, "{opacity:var(", _NumberInputtokens.tokens.actionButtonDisabledOpacity, ");cursor:var(", _NumberInputtokens.tokens.actionButtonDisabledCursor, ",not-allowed);&:before{cursor:var(", _NumberInputtokens.tokens.actionButtonDisabledCursor, ",not-allowed);}:hover,:active{scale:none;color:var(", _NumberInputtokens.tokens.iconButtonColor, ");background-color:var(", _NumberInputtokens.tokens.iconButtonBackgroundColor, ");}}}&& ", _Inputstyles.InputWrapper, "{&:focus-within{background-color:var(", _NumberInputtokens.tokens.backgroundColorFocus, ");box-shadow:inset 0 0 0 var(", _NumberInputtokens.tokens.inputWrapperBorderWidth, ") var(", _NumberInputtokens.tokens.borderColorFocus, ");}&.", _NumberInputtokens.classes.manualInput, ".", _NumberInputtokens.classes.errorAnimation, "{background-color:var(", _NumberInputtokens.tokens.backgroundErrorColor, ");box-shadow:inset 0 0 0 var(", _NumberInputtokens.tokens.inputWrapperBorderWidth, ") var(", _NumberInputtokens.tokens.borderErrorColor, ");animation:shakingError 0.3s forwards;", _Inputstyles.Input, "{color:var(", _NumberInputtokens.tokens.errorColor, ");animation:fadeError 0.3s forwards;}&:focus-within{background-color:var(", _NumberInputtokens.tokens.backgroundErrorColor, ");box-shadow:inset 0 0 0 var(", _NumberInputtokens.tokens.inputWrapperBorderWidth, ") var(", _NumberInputtokens.tokens.borderErrorColor, ");}}@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;}}}", _Inputstyles.StyledSpinner, "{", _Spinner.spinnerTokens.color, ":var(", _NumberInputtokens.tokens.loaderSpinnerColor, ");}", _Inputstyles.Input, "{color:var(", _NumberInputtokens.tokens.color, ");}", _Inputstyles.AdditionalText, "{color:var(", _NumberInputtokens.tokens.additionalTextColor, ");}", "base");
