"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 baseItemView = `
    ${_emotion.stepsTokens.activeTitleColor}: var(--text-primary);
    ${_emotion.stepsTokens.activeTitleColorHover}: var(--text-primary-hover);
    ${_emotion.stepsTokens.activeIndicatorBorder}: solid var(--surface-solid-default);
    ${_emotion.stepsTokens.activeIndicatorColor}: var(--text-primary);
    ${_emotion.stepsTokens.activeIndicatorBackground}: var(--surface-clear);
    
    ${_emotion.stepsTokens.completedIndicatorColor}: var(--inverse-text-primary);
    ${_emotion.stepsTokens.completedIndicatorColorHover}: var(--inverse-text-primary);
    ${_emotion.stepsTokens.completedIndicatorBackground}: var(--surface-solid-default);
    ${_emotion.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-solid-default-hover);
    ${_emotion.stepsTokens.completedTitleColor}: var(--text-primary);
    ${_emotion.stepsTokens.completedTitleColorHover}: var(--text-primary-hover);

    ${_emotion.stepsTokens.inactiveTitleColor}: var(--text-secondary);
    ${_emotion.stepsTokens.inactiveTitleColorHover}: var(--text-secondary-hover);
    ${_emotion.stepsTokens.inactiveIndicatorColor}: var(--text-secondary);
    ${_emotion.stepsTokens.inactiveIndicatorColorHover}: var(--text-secondary);
    ${_emotion.stepsTokens.inactiveIndicatorBackground}: var(--surface-transparent-secondary);
    ${_emotion.stepsTokens.inactiveIndicatorBackgroundHover}: var(--surface-transparent-secondary-hover);

    ${_emotion.stepsTokens.contentColor}: var(--text-secondary);
    ${_emotion.stepsTokens.focusColor}: var(--surface-accent);

    ${_emotion.stepsTokens.disabledOpacity}: 0.4;
`;
const accentConfig = `
    ${_emotion.stepsTokens.completedTitleColor}: var(--text-primary);
    ${_emotion.stepsTokens.completedTitleColorHover}: var(--text-primary-hover);
    
    ${_emotion.stepsTokens.completedIndicatorBackground}: var(--surface-accent);
    ${_emotion.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-accent-hover);
    
    // Цвет контента внутри элемента Step
    ${_emotion.stepsTokens.completedIndicatorColor}: var(--on-dark-text-primary);
    ${_emotion.stepsTokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
`;
const config = {
    defaults: {
        size: 'm',
        view: 'default'
    },
    variations: {
        view: {
            default: (0, _emotion.css)`
                ${_emotion.stepsTokens.dividerColor}: var(--surface-solid-default);
            `,
            accent: (0, _emotion.css)`
                ${_emotion.stepsTokens.dividerColor}: var(--surface-accent);
            `
        },
        itemView: {
            default: (0, _emotion.css)`
                ${baseItemView};
            `,
            negative: (0, _emotion.css)`
                ${baseItemView};

                ${_emotion.stepsTokens.activeTitleColor}: var(--surface-negative);
                ${_emotion.stepsTokens.activeTitleColorHover}: var(--surface-negative-hover);
                ${_emotion.stepsTokens.activeIndicatorBorder}: solid var(--surface-negative);
                ${_emotion.stepsTokens.activeIndicatorColor}: var(--text-negative);
            `,
            warning: (0, _emotion.css)`
                ${baseItemView};

                ${_emotion.stepsTokens.activeTitleColor}: var(--surface-warning);
                ${_emotion.stepsTokens.activeTitleColorHover}: var(--surface-warning-hover);
                ${_emotion.stepsTokens.activeIndicatorBorder}: solid var(--surface-warning);
                ${_emotion.stepsTokens.activeIndicatorColor}: var(--text-warning);
            `,
            positive: (0, _emotion.css)`
                ${baseItemView};

                ${_emotion.stepsTokens.activeTitleColor}: var(--surface-positive);
                ${_emotion.stepsTokens.activeTitleColorHover}: var(--surface-positive-hover);
                ${_emotion.stepsTokens.activeIndicatorBorder}: solid var(--surface-positive);
                ${_emotion.stepsTokens.activeIndicatorColor}: var(--text-positive);
            `
        },
        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}: var(--plasma-typo-body-xs-font-family);
                ${_emotion.stepsTokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_emotion.stepsTokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_emotion.stepsTokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);
                ${_emotion.stepsTokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_emotion.stepsTokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_emotion.stepsTokens.activeIndicatorFontFamily}: var(--plasma-typo-body-s-font-family);
                ${_emotion.stepsTokens.activeIndicatorFontSize}: var(--plasma-typo-body-s-font-size);
                ${_emotion.stepsTokens.activeIndicatorFontStyle}: var(--plasma-typo-body-s-font-style);
                ${_emotion.stepsTokens.activeIndicatorFontWeight}: var(--plasma-typo-body-s-font-weight);
                ${_emotion.stepsTokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                ${_emotion.stepsTokens.activeIndicatorLineHeight}: var(--plasma-typo-body-s-line-height);

                ${_emotion.stepsTokens.titleFontFamily}: var(--plasma-typo-body-l-font-family);
                ${_emotion.stepsTokens.titleFontSize}: var(--plasma-typo-body-l-font-size);
                ${_emotion.stepsTokens.titleFontStyle}: var(--plasma-typo-body-l-font-style);
                ${_emotion.stepsTokens.titleFontWeight}: var(--plasma-typo-body-l-font-weight);
                ${_emotion.stepsTokens.titleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                ${_emotion.stepsTokens.titleLineHeight}: var(--plasma-typo-body-l-line-height);

                ${_emotion.stepsTokens.contentFontFamily}: var(--plasma-typo-body-m-font-family);
                ${_emotion.stepsTokens.contentFontSize}: var(--plasma-typo-body-m-font-size);
                ${_emotion.stepsTokens.contentFontStyle}: var(--plasma-typo-body-m-font-style);
                ${_emotion.stepsTokens.contentFontWeight}: var(--plasma-typo-body-m-font-weight);
                ${_emotion.stepsTokens.contentLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                ${_emotion.stepsTokens.contentLineHeight}: var(--plasma-typo-body-m-line-height);

                ${_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}: var(--plasma-typo-body-xs-font-family);
                ${_emotion.stepsTokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_emotion.stepsTokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_emotion.stepsTokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);
                ${_emotion.stepsTokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_emotion.stepsTokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_emotion.stepsTokens.activeIndicatorFontFamily}: var(--plasma-typo-body-s-font-family);
                ${_emotion.stepsTokens.activeIndicatorFontSize}: var(--plasma-typo-body-s-font-size);
                ${_emotion.stepsTokens.activeIndicatorFontStyle}: var(--plasma-typo-body-s-font-style);
                ${_emotion.stepsTokens.activeIndicatorFontWeight}: var(--plasma-typo-body-s-font-weight);
                ${_emotion.stepsTokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                ${_emotion.stepsTokens.activeIndicatorLineHeight}: var(--plasma-typo-body-s-line-height);

                ${_emotion.stepsTokens.titleFontFamily}: var(--plasma-typo-body-m-font-family);
                ${_emotion.stepsTokens.titleFontSize}: var(--plasma-typo-body-m-font-size);
                ${_emotion.stepsTokens.titleFontStyle}: var(--plasma-typo-body-m-font-style);
                ${_emotion.stepsTokens.titleFontWeight}: var(--plasma-typo-body-m-font-weight);
                ${_emotion.stepsTokens.titleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                ${_emotion.stepsTokens.titleLineHeight}: var(--plasma-typo-body-m-line-height);

                ${_emotion.stepsTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);
                ${_emotion.stepsTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);
                ${_emotion.stepsTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);
                ${_emotion.stepsTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);
                ${_emotion.stepsTokens.contentLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                ${_emotion.stepsTokens.contentLineHeight}: var(--plasma-typo-body-s-line-height);

                ${_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}: var(--plasma-typo-body-xs-font-family);
                ${_emotion.stepsTokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_emotion.stepsTokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_emotion.stepsTokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);
                ${_emotion.stepsTokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_emotion.stepsTokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_emotion.stepsTokens.activeIndicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
                ${_emotion.stepsTokens.activeIndicatorFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_emotion.stepsTokens.activeIndicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_emotion.stepsTokens.activeIndicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);
                ${_emotion.stepsTokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_emotion.stepsTokens.activeIndicatorLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_emotion.stepsTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);
                ${_emotion.stepsTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);
                ${_emotion.stepsTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);
                ${_emotion.stepsTokens.titleFontWeight}: var(--plasma-typo-body-s-font-weight);
                ${_emotion.stepsTokens.titleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                ${_emotion.stepsTokens.titleLineHeight}: var(--plasma-typo-body-s-line-height);

                ${_emotion.stepsTokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);
                ${_emotion.stepsTokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_emotion.stepsTokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_emotion.stepsTokens.contentFontWeight}: var(--plasma-typo-body-xs-font-weight);
                ${_emotion.stepsTokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_emotion.stepsTokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_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}: var(--plasma-typo-body-xs-font-family);
                ${_emotion.stepsTokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_emotion.stepsTokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_emotion.stepsTokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);
                ${_emotion.stepsTokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_emotion.stepsTokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_emotion.stepsTokens.activeIndicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
                ${_emotion.stepsTokens.activeIndicatorFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_emotion.stepsTokens.activeIndicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_emotion.stepsTokens.activeIndicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);
                ${_emotion.stepsTokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_emotion.stepsTokens.activeIndicatorLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_emotion.stepsTokens.titleFontFamily}: var(--plasma-typo-body-xs-font-family);
                ${_emotion.stepsTokens.titleFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_emotion.stepsTokens.titleFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_emotion.stepsTokens.titleFontWeight}: var(--plasma-typo-body-xs-font-weight);
                ${_emotion.stepsTokens.titleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_emotion.stepsTokens.titleLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_emotion.stepsTokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);
                ${_emotion.stepsTokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_emotion.stepsTokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_emotion.stepsTokens.contentFontWeight}: var(--plasma-typo-body-xs-font-weight);
                ${_emotion.stepsTokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_emotion.stepsTokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);

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

                ${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};
            `
        }
    ]
};
