"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 config = {
    defaults: {
        size: 'bodyM',
        view: 'default'
    },
    variations: {
        view: {
            default: (0, _emotion.css)`
                ${_emotion.skeletonTokens.gradientColor}: var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient));
                ${_emotion.skeletonTokens.fadeInColor}: var(--surface-transparent-secondary);
                ${_emotion.skeletonTokens.fadeOutColor}: var(--surface-transparent-tertiary);
            `,
            lighter: (0, _emotion.css)`
                ${_emotion.skeletonTokens.gradientColor}: var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient));
                ${_emotion.skeletonTokens.fadeInColor}: var(--surface-transparent-secondary);
                ${_emotion.skeletonTokens.fadeOutColor}: var(--surface-transparent-tertiary);
            `
        },
        size: {
            bodyL: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-body-l-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-l-font-size);
            `,
            bodyM: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-m-font-size);
            `,
            bodyS: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-s-font-size);
            `,
            bodyXS: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xs-font-size);
            `,
            bodyXXS: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xxs-font-size);
            `,
            dsplL: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-dspl-l-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-l-font-size);
            `,
            dsplM: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-dspl-m-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-m-font-size);
            `,
            dsplS: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-dspl-s-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-s-font-size);
            `,
            h1: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-h1-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-h1-font-size);
            `,
            h2: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-h2-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-h2-font-size);
            `,
            h3: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-h3-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-h3-font-size);
            `,
            h4: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-h4-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-h4-font-size);
            `,
            h5: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-h5-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-h5-font-size);
            `,
            h6: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-h6-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-h6-font-size);
            `,
            textL: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-text-l-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-l-font-size);
            `,
            textM: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-text-m-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-m-font-size);
            `,
            textS: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-text-s-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-s-font-size);
            `,
            textXS: (0, _emotion.css)`
                ${_emotion.skeletonTokens.lineHeight}: var(--plasma-typo-text-xs-line-height);
                ${_emotion.skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-xs-font-size);
            `
        }
    }
};
