"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "config", {
    enumerable: true,
    get: function() {
        return config;
    }
});
const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
const _sdds_serv = require("@salutejs/sdds-themes/tokens/sdds_serv");
const config = {
    defaults: {
        view: 'default',
        size: 'l'
    },
    variations: {
        view: {
            default: (0, _styledcomponents.css)`
                ${_styledcomponents.codeInputTokens.captionColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.codeInputTokens.captionColorError}: ${_sdds_serv.textNegative};

                ${_styledcomponents.codeInputTokens.codeColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.codeInputTokens.codeColorError}: ${_sdds_serv.textNegative};
                ${_styledcomponents.codeInputTokens.borderColorFocus}: ${_sdds_serv.outlineAccent};
            `
        },
        size: {
            l: (0, _styledcomponents.css)`
                ${_styledcomponents.codeInputTokens.captionGap}: 2.5rem;
                ${_styledcomponents.codeInputTokens.codeItemsGap}: 0.75rem;

                ${_styledcomponents.codeInputTokens.separatorWidth}: 0.75rem;

                ${_styledcomponents.codeInputTokens.fontFamily}: ${_sdds_serv.dsplL.fontFamily};
                ${_styledcomponents.codeInputTokens.fontStyle}: ${_sdds_serv.dsplL.fontStyle};
                ${_styledcomponents.codeInputTokens.fontWeight}: ${_sdds_serv.dsplLBold.fontWeight};
                ${_styledcomponents.codeInputTokens.letterSpacing}: ${_sdds_serv.dsplL.letterSpacing};

                ${_styledcomponents.codeInputTokens.largeFontSize}: 8rem;
                ${_styledcomponents.codeInputTokens.largeLineHeight}: 8rem;

                ${_styledcomponents.codeInputTokens.mediumFontSize}: 7rem;
                ${_styledcomponents.codeInputTokens.mediumLineHeight}: 7rem;

                ${_styledcomponents.codeInputTokens.smallFontSize}: 5.5rem;
                ${_styledcomponents.codeInputTokens.smallLineHeight}: 5.75rem;

                ${_styledcomponents.codeInputTokens.captionFontFamily}: ${_sdds_serv.h3.fontFamily};
                ${_styledcomponents.codeInputTokens.captionFontSize}: ${_sdds_serv.h3.fontSize};
                ${_styledcomponents.codeInputTokens.captionFontStyle}: ${_sdds_serv.h3.fontStyle};
                ${_styledcomponents.codeInputTokens.captionFontWeight}: ${_sdds_serv.h3.fontWeight};
                ${_styledcomponents.codeInputTokens.captionLetterSpacing}: ${_sdds_serv.h3.letterSpacing};
                ${_styledcomponents.codeInputTokens.captionLineHeight}: ${_sdds_serv.h3.lineHeight};

                ${_styledcomponents.codeInputTokens.largeCodeItemWidth}: 5rem;
                ${_styledcomponents.codeInputTokens.largeCodeItemHeight}: 8rem;

                ${_styledcomponents.codeInputTokens.mediumCodeItemWidth}: 4.5rem;
                ${_styledcomponents.codeInputTokens.mediumCodeItemHeight}: 7rem;

                ${_styledcomponents.codeInputTokens.smallCodeItemWidth}: 3.5rem;
                ${_styledcomponents.codeInputTokens.smallCodeItemHeight}: 5.75rem;

                ${_styledcomponents.codeInputTokens.codeItemCircleBorderWidth}: 0.125rem;
                ${_styledcomponents.codeInputTokens.codeItemCircleSize}: 1.5rem;
            `,
            m: (0, _styledcomponents.css)`
                ${_styledcomponents.codeInputTokens.captionGap}: 1.75rem;
                ${_styledcomponents.codeInputTokens.codeItemsGap}: 0.5rem;

                ${_styledcomponents.codeInputTokens.separatorWidth}: 0.75rem;

                ${_styledcomponents.codeInputTokens.fontFamily}: ${_sdds_serv.dsplM.fontFamily};
                ${_styledcomponents.codeInputTokens.fontStyle}: ${_sdds_serv.bodyM.fontStyle};
                ${_styledcomponents.codeInputTokens.fontWeight}: ${_sdds_serv.bodyMBold.fontWeight};
                ${_styledcomponents.codeInputTokens.letterSpacing}: ${_sdds_serv.bodyM.letterSpacing};

                ${_styledcomponents.codeInputTokens.largeFontSize}: 5.5rem;
                ${_styledcomponents.codeInputTokens.largeLineHeight}: 5.75rem;

                ${_styledcomponents.codeInputTokens.mediumFontSize}: 4.5rem;
                ${_styledcomponents.codeInputTokens.mediumLineHeight}: 4.75rem;

                ${_styledcomponents.codeInputTokens.smallFontSize}: 3.5rem;
                ${_styledcomponents.codeInputTokens.smallLineHeight}: 3.75rem;

                ${_styledcomponents.codeInputTokens.captionFontFamily}: ${_sdds_serv.h4.fontFamily};
                ${_styledcomponents.codeInputTokens.captionFontSize}: ${_sdds_serv.h4.fontSize};
                ${_styledcomponents.codeInputTokens.captionFontStyle}: ${_sdds_serv.h4.fontStyle};
                ${_styledcomponents.codeInputTokens.captionFontWeight}: ${_sdds_serv.h4.fontWeight};
                ${_styledcomponents.codeInputTokens.captionLetterSpacing}: ${_sdds_serv.h4.letterSpacing};
                ${_styledcomponents.codeInputTokens.captionLineHeight}: ${_sdds_serv.h4.lineHeight};

                ${_styledcomponents.codeInputTokens.largeCodeItemWidth}: 3.5rem;
                ${_styledcomponents.codeInputTokens.largeCodeItemHeight}: 5.75rem;

                ${_styledcomponents.codeInputTokens.mediumCodeItemWidth}: 3rem;
                ${_styledcomponents.codeInputTokens.mediumCodeItemHeight}: 4.75rem;

                ${_styledcomponents.codeInputTokens.smallCodeItemWidth}: 2.25rem;
                ${_styledcomponents.codeInputTokens.smallCodeItemHeight}: 3.75rem;

                ${_styledcomponents.codeInputTokens.codeItemCircleBorderWidth}: 0.094rem;
                ${_styledcomponents.codeInputTokens.codeItemCircleSize}: 1rem;
            `,
            s: (0, _styledcomponents.css)`
                ${_styledcomponents.codeInputTokens.captionGap}: 1.5rem;
                ${_styledcomponents.codeInputTokens.codeItemsGap}: 0.25rem;

                ${_styledcomponents.codeInputTokens.separatorWidth}: 0.5rem;

                ${_styledcomponents.codeInputTokens.fontFamily}: ${_sdds_serv.dsplS.fontFamily};
                ${_styledcomponents.codeInputTokens.fontStyle}: ${_sdds_serv.bodyS.fontStyle};
                ${_styledcomponents.codeInputTokens.fontWeight}: ${_sdds_serv.bodySBold.fontWeight};
                ${_styledcomponents.codeInputTokens.letterSpacing}: ${_sdds_serv.bodyS.letterSpacing};

                ${_styledcomponents.codeInputTokens.largeFontSize}: 4rem;
                ${_styledcomponents.codeInputTokens.largeLineHeight}: 4.25rem;

                ${_styledcomponents.codeInputTokens.mediumFontSize}: 3rem;
                ${_styledcomponents.codeInputTokens.mediumLineHeight}: 3.25rem;

                ${_styledcomponents.codeInputTokens.smallFontSize}: 2.5rem;
                ${_styledcomponents.codeInputTokens.smallLineHeight}: 2.75rem;

                ${_styledcomponents.codeInputTokens.captionFontFamily}: ${_sdds_serv.h5.fontFamily};
                ${_styledcomponents.codeInputTokens.captionFontSize}: ${_sdds_serv.h5.fontSize};
                ${_styledcomponents.codeInputTokens.captionFontStyle}: ${_sdds_serv.h5.fontStyle};
                ${_styledcomponents.codeInputTokens.captionFontWeight}: ${_sdds_serv.h5.fontWeight};
                ${_styledcomponents.codeInputTokens.captionLetterSpacing}: ${_sdds_serv.h5.letterSpacing};
                ${_styledcomponents.codeInputTokens.captionLineHeight}: ${_sdds_serv.h5.lineHeight};

                ${_styledcomponents.codeInputTokens.largeCodeItemWidth}: 2.5rem;
                ${_styledcomponents.codeInputTokens.largeCodeItemHeight}: 4.25rem;

                ${_styledcomponents.codeInputTokens.mediumCodeItemWidth}: 2rem;
                ${_styledcomponents.codeInputTokens.mediumCodeItemHeight}: 3.25rem;

                ${_styledcomponents.codeInputTokens.smallCodeItemWidth}: 1.625rem;
                ${_styledcomponents.codeInputTokens.smallCodeItemHeight}: 2.75rem;

                ${_styledcomponents.codeInputTokens.codeItemCircleBorderWidth}: 0.063rem;
                ${_styledcomponents.codeInputTokens.codeItemCircleSize}: 0.75rem;
            `
        },
        disabled: {
            true: (0, _styledcomponents.css)`
                ${_styledcomponents.codeInputTokens.disabledOpacity}: 0.4;
            `
        }
    }
};
