"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "config", {
    enumerable: true,
    get: function() {
        return config;
    }
});
const _emotion = require("@salutejs/plasma-new-hope/emotion");
const _sdds_serv = require("@salutejs/sdds-themes/tokens/sdds_serv");
const baseItemView = `
    ${_emotion.stepsTokens.activeTitleColor}: ${_sdds_serv.textPrimary};
    ${_emotion.stepsTokens.activeTitleColorHover}: ${_sdds_serv.textPrimaryHover};
    ${_emotion.stepsTokens.activeIndicatorBorder}: solid ${_sdds_serv.surfaceSolidDefault};
    ${_emotion.stepsTokens.activeIndicatorColor}: ${_sdds_serv.textPrimary};
    ${_emotion.stepsTokens.activeIndicatorBackground}: ${_sdds_serv.surfaceClear};
    
    ${_emotion.stepsTokens.completedIndicatorColor}: ${_sdds_serv.inverseTextPrimary};
    ${_emotion.stepsTokens.completedIndicatorColorHover}: ${_sdds_serv.inverseTextPrimary};
    ${_emotion.stepsTokens.completedIndicatorBackground}: ${_sdds_serv.surfaceSolidDefault};
    ${_emotion.stepsTokens.completedIndicatorBackgroundHover}: ${_sdds_serv.surfaceSolidDefaultHover};
    ${_emotion.stepsTokens.completedTitleColor}: ${_sdds_serv.textPrimary};
    ${_emotion.stepsTokens.completedTitleColorHover}: ${_sdds_serv.textPrimaryHover};

    ${_emotion.stepsTokens.inactiveTitleColor}: ${_sdds_serv.textSecondary};
    ${_emotion.stepsTokens.inactiveTitleColorHover}: ${_sdds_serv.textSecondaryHover};
    ${_emotion.stepsTokens.inactiveIndicatorColor}: ${_sdds_serv.textSecondary};
    ${_emotion.stepsTokens.inactiveIndicatorColorHover}: ${_sdds_serv.textSecondary};
    ${_emotion.stepsTokens.inactiveIndicatorBackground}: ${_sdds_serv.surfaceTransparentSecondary};
    ${_emotion.stepsTokens.inactiveIndicatorBackgroundHover}: ${_sdds_serv.surfaceTransparentSecondaryHover};

    ${_emotion.stepsTokens.contentColor}: ${_sdds_serv.textSecondary};
    ${_emotion.stepsTokens.focusColor}: ${_sdds_serv.surfaceAccent};

    ${_emotion.stepsTokens.disabledOpacity}: 0.4;
`;
const accentConfig = `
    ${_emotion.stepsTokens.completedTitleColor}: ${_sdds_serv.textPrimary};
    ${_emotion.stepsTokens.completedTitleColorHover}: ${_sdds_serv.textPrimaryHover};
    
    ${_emotion.stepsTokens.completedIndicatorBackground}: ${_sdds_serv.surfaceAccent};
    ${_emotion.stepsTokens.completedIndicatorBackgroundHover}: ${_sdds_serv.surfaceAccentHover};
    
    // Цвет контента внутри элемента Step
    ${_emotion.stepsTokens.completedIndicatorColor}: ${_sdds_serv.onDarkTextPrimary};
    ${_emotion.stepsTokens.completedIndicatorColorHover}: ${_sdds_serv.onDarkTextPrimaryHover};
`;
const config = {
    defaults: {
        size: 'm',
        view: 'default'
    },
    variations: {
        view: {
            default: (0, _emotion.css)`
                ${_emotion.stepsTokens.dividerColor}: ${_sdds_serv.surfaceSolidDefault};
            `,
            accent: (0, _emotion.css)`
                ${_emotion.stepsTokens.dividerColor}: ${_sdds_serv.surfaceAccent};
            `
        },
        itemView: {
            default: (0, _emotion.css)`
                ${baseItemView};
            `,
            negative: (0, _emotion.css)`
                ${baseItemView};

                ${_emotion.stepsTokens.activeTitleColor}: ${_sdds_serv.surfaceNegative};
                ${_emotion.stepsTokens.activeTitleColorHover}: ${_sdds_serv.surfaceNegativeHover};
                ${_emotion.stepsTokens.activeIndicatorBorder}: solid ${_sdds_serv.surfaceNegative};
                ${_emotion.stepsTokens.activeIndicatorColor}: ${_sdds_serv.textNegative};
            `,
            warning: (0, _emotion.css)`
                ${baseItemView};

                ${_emotion.stepsTokens.activeTitleColor}: ${_sdds_serv.surfaceWarning};
                ${_emotion.stepsTokens.activeTitleColorHover}: ${_sdds_serv.surfaceWarningHover};
                ${_emotion.stepsTokens.activeIndicatorBorder}: solid ${_sdds_serv.surfaceWarning};
                ${_emotion.stepsTokens.activeIndicatorColor}: ${_sdds_serv.textWarning};
            `,
            positive: (0, _emotion.css)`
                ${baseItemView};

                ${_emotion.stepsTokens.activeTitleColor}: ${_sdds_serv.surfacePositive};
                ${_emotion.stepsTokens.activeTitleColorHover}: ${_sdds_serv.surfacePositiveHover};
                ${_emotion.stepsTokens.activeIndicatorBorder}: solid ${_sdds_serv.surfacePositive};
                ${_emotion.stepsTokens.activeIndicatorColor}: ${_sdds_serv.textPositive};
            `
        },
        size: {
            l: (0, _emotion.css)`
                ${_emotion.stepsTokens.indicatorSize}: 1.5rem;
                ${_emotion.stepsTokens.activeIndicatorSize}: 2.25rem;
                ${_emotion.stepsTokens.bulletSize}: 0.5rem;
                ${_emotion.stepsTokens.activeBulletSize}: 1rem;

                ${_emotion.stepsTokens.titlePaddingTop}: 0.75rem;
                ${_emotion.stepsTokens.contentPaddingTop}: 0.375rem;
                ${_emotion.stepsTokens.contentSidePadding}: 2rem;
                ${_emotion.stepsTokens.contentVerticalPadding}: 1.0625rem;
                ${_emotion.stepsTokens.verticalContentPaddingLeft}: 0.75rem;

                ${_emotion.stepsTokens.indicatorFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
                ${_emotion.stepsTokens.indicatorFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_emotion.stepsTokens.indicatorFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_emotion.stepsTokens.indicatorFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
                ${_emotion.stepsTokens.indicatorLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_emotion.stepsTokens.indicatorLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_emotion.stepsTokens.activeIndicatorFontFamily}: ${_sdds_serv.bodyS.fontFamily};
                ${_emotion.stepsTokens.activeIndicatorFontSize}: ${_sdds_serv.bodyS.fontSize};
                ${_emotion.stepsTokens.activeIndicatorFontStyle}: ${_sdds_serv.bodyS.fontStyle};
                ${_emotion.stepsTokens.activeIndicatorFontWeight}: ${_sdds_serv.bodyS.fontWeight};
                ${_emotion.stepsTokens.activeIndicatorLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
                ${_emotion.stepsTokens.activeIndicatorLineHeight}: ${_sdds_serv.bodyS.lineHeight};

                ${_emotion.stepsTokens.titleFontFamily}: ${_sdds_serv.bodyL.fontFamily};
                ${_emotion.stepsTokens.titleFontSize}: ${_sdds_serv.bodyL.fontSize};
                ${_emotion.stepsTokens.titleFontStyle}: ${_sdds_serv.bodyL.fontStyle};
                ${_emotion.stepsTokens.titleFontWeight}: ${_sdds_serv.bodyL.fontWeight};
                ${_emotion.stepsTokens.titleLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
                ${_emotion.stepsTokens.titleLineHeight}: ${_sdds_serv.bodyL.lineHeight};

                ${_emotion.stepsTokens.contentFontFamily}: ${_sdds_serv.bodyM.fontFamily};
                ${_emotion.stepsTokens.contentFontSize}: ${_sdds_serv.bodyM.fontSize};
                ${_emotion.stepsTokens.contentFontStyle}: ${_sdds_serv.bodyM.fontStyle};
                ${_emotion.stepsTokens.contentFontWeight}: ${_sdds_serv.bodyM.fontWeight};
                ${_emotion.stepsTokens.contentLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
                ${_emotion.stepsTokens.contentLineHeight}: ${_sdds_serv.bodyM.lineHeight};

                ${_emotion.stepsTokens.dividerThickness}: 0.125rem;
            `,
            m: (0, _emotion.css)`
                ${_emotion.stepsTokens.indicatorSize}: 1.5rem;
                ${_emotion.stepsTokens.activeIndicatorSize}: 2.25rem;
                ${_emotion.stepsTokens.bulletSize}: 0.5rem;
                ${_emotion.stepsTokens.activeBulletSize}: 1rem;

                ${_emotion.stepsTokens.titlePaddingTop}: 0.625rem;
                ${_emotion.stepsTokens.contentPaddingTop}: 0.375rem;
                ${_emotion.stepsTokens.contentSidePadding}: 1.75rem;
                ${_emotion.stepsTokens.contentVerticalPadding}: 0.875rem;
                ${_emotion.stepsTokens.verticalContentPaddingLeft}: 0.75rem;

                ${_emotion.stepsTokens.indicatorFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
                ${_emotion.stepsTokens.indicatorFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_emotion.stepsTokens.indicatorFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_emotion.stepsTokens.indicatorFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
                ${_emotion.stepsTokens.indicatorLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_emotion.stepsTokens.indicatorLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_emotion.stepsTokens.activeIndicatorFontFamily}: ${_sdds_serv.bodyS.fontFamily};
                ${_emotion.stepsTokens.activeIndicatorFontSize}: ${_sdds_serv.bodyS.fontSize};
                ${_emotion.stepsTokens.activeIndicatorFontStyle}: ${_sdds_serv.bodyS.fontStyle};
                ${_emotion.stepsTokens.activeIndicatorFontWeight}: ${_sdds_serv.bodyS.fontWeight};
                ${_emotion.stepsTokens.activeIndicatorLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
                ${_emotion.stepsTokens.activeIndicatorLineHeight}: ${_sdds_serv.bodyS.lineHeight};

                ${_emotion.stepsTokens.titleFontFamily}: ${_sdds_serv.bodyM.fontFamily};
                ${_emotion.stepsTokens.titleFontSize}: ${_sdds_serv.bodyM.fontSize};
                ${_emotion.stepsTokens.titleFontStyle}: ${_sdds_serv.bodyM.fontStyle};
                ${_emotion.stepsTokens.titleFontWeight}: ${_sdds_serv.bodyM.fontWeight};
                ${_emotion.stepsTokens.titleLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
                ${_emotion.stepsTokens.titleLineHeight}: ${_sdds_serv.bodyM.lineHeight};

                ${_emotion.stepsTokens.contentFontFamily}: ${_sdds_serv.bodyS.fontFamily};
                ${_emotion.stepsTokens.contentFontSize}: ${_sdds_serv.bodyS.fontSize};
                ${_emotion.stepsTokens.contentFontStyle}: ${_sdds_serv.bodyS.fontStyle};
                ${_emotion.stepsTokens.contentFontWeight}: ${_sdds_serv.bodyS.fontWeight};
                ${_emotion.stepsTokens.contentLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
                ${_emotion.stepsTokens.contentLineHeight}: ${_sdds_serv.bodyS.lineHeight};

                ${_emotion.stepsTokens.dividerThickness}: 0.125rem;
            `,
            s: (0, _emotion.css)`
                ${_emotion.stepsTokens.indicatorSize}: 1.5rem;
                ${_emotion.stepsTokens.activeIndicatorSize}: 1.5rem;
                ${_emotion.stepsTokens.bulletSize}: 0.5rem;
                ${_emotion.stepsTokens.activeBulletSize}: 1rem;

                ${_emotion.stepsTokens.titlePaddingTop}: 0.5rem;
                ${_emotion.stepsTokens.contentPaddingTop}: 0.375rem;
                ${_emotion.stepsTokens.contentSidePadding}: 1.5rem;
                ${_emotion.stepsTokens.contentVerticalPadding}: 0.6875rem;
                ${_emotion.stepsTokens.verticalContentPaddingLeft}: 0.75rem;

                ${_emotion.stepsTokens.indicatorFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
                ${_emotion.stepsTokens.indicatorFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_emotion.stepsTokens.indicatorFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_emotion.stepsTokens.indicatorFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
                ${_emotion.stepsTokens.indicatorLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_emotion.stepsTokens.indicatorLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_emotion.stepsTokens.activeIndicatorFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
                ${_emotion.stepsTokens.activeIndicatorFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_emotion.stepsTokens.activeIndicatorFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_emotion.stepsTokens.activeIndicatorFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
                ${_emotion.stepsTokens.activeIndicatorLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_emotion.stepsTokens.activeIndicatorLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_emotion.stepsTokens.titleFontFamily}: ${_sdds_serv.bodyS.fontFamily};
                ${_emotion.stepsTokens.titleFontSize}: ${_sdds_serv.bodyS.fontSize};
                ${_emotion.stepsTokens.titleFontStyle}: ${_sdds_serv.bodyS.fontStyle};
                ${_emotion.stepsTokens.titleFontWeight}: ${_sdds_serv.bodyS.fontWeight};
                ${_emotion.stepsTokens.titleLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
                ${_emotion.stepsTokens.titleLineHeight}: ${_sdds_serv.bodyS.lineHeight};

                ${_emotion.stepsTokens.contentFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
                ${_emotion.stepsTokens.contentFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_emotion.stepsTokens.contentFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_emotion.stepsTokens.contentFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
                ${_emotion.stepsTokens.contentLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_emotion.stepsTokens.contentLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_emotion.stepsTokens.dividerThickness}: 0.125rem;
            `,
            xs: (0, _emotion.css)`
                ${_emotion.stepsTokens.indicatorSize}: 1.5rem;
                ${_emotion.stepsTokens.activeIndicatorSize}: 1.5rem;
                ${_emotion.stepsTokens.bulletSize}: 0.5rem;
                ${_emotion.stepsTokens.activeBulletSize}: 1rem;

                ${_emotion.stepsTokens.titlePaddingTop}: 0.5rem;
                ${_emotion.stepsTokens.contentPaddingTop}: 0.25rem;
                ${_emotion.stepsTokens.contentSidePadding}: 1.5rem;
                ${_emotion.stepsTokens.contentVerticalPadding}: 0.5625rem;
                ${_emotion.stepsTokens.verticalContentPaddingLeft}: 0.75rem;

                ${_emotion.stepsTokens.indicatorFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
                ${_emotion.stepsTokens.indicatorFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_emotion.stepsTokens.indicatorFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_emotion.stepsTokens.indicatorFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
                ${_emotion.stepsTokens.indicatorLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_emotion.stepsTokens.indicatorLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_emotion.stepsTokens.activeIndicatorFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
                ${_emotion.stepsTokens.activeIndicatorFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_emotion.stepsTokens.activeIndicatorFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_emotion.stepsTokens.activeIndicatorFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
                ${_emotion.stepsTokens.activeIndicatorLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_emotion.stepsTokens.activeIndicatorLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_emotion.stepsTokens.titleFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
                ${_emotion.stepsTokens.titleFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_emotion.stepsTokens.titleFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_emotion.stepsTokens.titleFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
                ${_emotion.stepsTokens.titleLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_emotion.stepsTokens.titleLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_emotion.stepsTokens.contentFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
                ${_emotion.stepsTokens.contentFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_emotion.stepsTokens.contentFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_emotion.stepsTokens.contentFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
                ${_emotion.stepsTokens.contentLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_emotion.stepsTokens.contentLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_emotion.stepsTokens.dividerThickness}: 0.125rem;
            `
        }
    },
    intersections: [
        {
            view: 'accent',
            itemView: 'default',
            style: (0, _emotion.css)`
                ${_emotion.stepsTokens.activeIndicatorBorder}: solid ${_sdds_serv.textAccent};
                ${_emotion.stepsTokens.activeIndicatorColor}: ${_sdds_serv.textAccent};

                ${accentConfig};
            `
        },
        {
            view: 'accent',
            itemView: 'negative',
            style: (0, _emotion.css)`
                ${accentConfig};
            `
        },
        {
            view: 'accent',
            itemView: 'warning',
            style: (0, _emotion.css)`
                ${accentConfig};
            `
        },
        {
            view: 'accent',
            itemView: 'positive',
            style: (0, _emotion.css)`
                ${accentConfig};
            `
        }
    ]
};
