"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: {
        view: 'clear',
        size: 'xs'
    },
    variations: {
        view: {
            clear: (0, _emotion.css)`
                ${_emotion.segmentTokens.itemColor}: var(--text-secondary);
                ${_emotion.segmentTokens.itemBackgroundColor}: transparent;
                ${_emotion.segmentTokens.itemColorHover}: var(--text-primary-hover);
                ${_emotion.segmentTokens.itemBackgroundColorHover}: transparent;
                ${_emotion.segmentTokens.itemAdditionalColor}: var(--text-tertiary);
                ${_emotion.segmentTokens.itemAdditionalColorHover}: var(--text-secondary);
                ${_emotion.segmentTokens.itemSelectedColor}: var(--text-primary-hover);
                ${_emotion.segmentTokens.itemSelectedBackgroundColor}: transparent;
                ${_emotion.segmentTokens.itemSelectedColorHover}: var(--text-primary);
                ${_emotion.segmentTokens.itemSelectedBackgroundColorHover}: transparent;
                ${_emotion.segmentTokens.itemSelectedAdditionalColor}: var(--text-secondary);
                ${_emotion.segmentTokens.itemSelectedAdditionalColorHover}: var(--text-secondary);

                ${_emotion.segmentTokens.groupFilledBackgroundColor}: var(--text-accent);
            `,
            secondary: (0, _emotion.css)`
                ${_emotion.segmentTokens.itemColor}: var(--text-primary);
                ${_emotion.segmentTokens.itemBackgroundColor}: transparent;
                ${_emotion.segmentTokens.itemColorHover}: var(--text-primary-hover);
                ${_emotion.segmentTokens.itemBackgroundColorHover}: transparent;
                ${_emotion.segmentTokens.itemAdditionalColor}: var(--text-secondary);
                ${_emotion.segmentTokens.itemAdditionalColorHover}: var(--text-secondary);
                ${_emotion.segmentTokens.itemSelectedColor}: var(--text-primary);
                ${_emotion.segmentTokens.itemSelectedBackgroundColor}: var(--surface-transparent-card);
                ${_emotion.segmentTokens.itemSelectedColorHover}: var(--text-primary-hover);
                ${_emotion.segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-transparent-card);
                ${_emotion.segmentTokens.itemSelectedAdditionalColor}: var(--text-secondary);
                ${_emotion.segmentTokens.itemSelectedAdditionalColorHover}: var(--text-secondary);

                ${_emotion.segmentTokens.groupFilledBackgroundColor}: var(--text-accent);
            `,
            default: (0, _emotion.css)`
                ${_emotion.segmentTokens.itemColor}: var(--text-primary);
                ${_emotion.segmentTokens.itemBackgroundColor}: transparent;
                ${_emotion.segmentTokens.itemColorHover}: var(--text-primary-hover);
                ${_emotion.segmentTokens.itemBackgroundColorHover}: transparent;
                ${_emotion.segmentTokens.itemAdditionalColor}: var(--text-secondary);
                ${_emotion.segmentTokens.itemAdditionalColorHover}: var(--text-secondary);
                ${_emotion.segmentTokens.itemSelectedColor}: var(--inverse-text-primary);
                ${_emotion.segmentTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);
                ${_emotion.segmentTokens.itemSelectedColorHover}: var(--inverse-text-primary-hover);
                ${_emotion.segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);
                ${_emotion.segmentTokens.itemSelectedAdditionalColor}: var(--inverse-text-secondary);
                ${_emotion.segmentTokens.itemSelectedAdditionalColorHover}: var(--inverse-text-secondary);

                ${_emotion.segmentTokens.groupFilledBackgroundColor}: var(--text-accent);
            `,
            accent: (0, _emotion.css)`
                ${_emotion.segmentTokens.itemColor}: var(--text-primary);
                ${_emotion.segmentTokens.itemBackgroundColor}: transparent;
                ${_emotion.segmentTokens.itemColorHover}: var(--text-primary-hover);
                ${_emotion.segmentTokens.itemBackgroundColorHover}: transparent;
                ${_emotion.segmentTokens.itemAdditionalColor}: var(--text-secondary);
                ${_emotion.segmentTokens.itemAdditionalColorHover}: var(--text-secondary);
                ${_emotion.segmentTokens.itemSelectedColor}: var(--on-dark-text-primary);
                ${_emotion.segmentTokens.itemSelectedBackgroundColor}: var(--surface-accent);
                ${_emotion.segmentTokens.itemSelectedColorHover}: var(--on-dark-text-primary-hover);
                ${_emotion.segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-accent);
                ${_emotion.segmentTokens.itemSelectedAdditionalColor}: var(--on-dark-text-secondary);
                ${_emotion.segmentTokens.itemSelectedAdditionalColorHover}: var(--on-dark-text-secondary);

                ${_emotion.segmentTokens.groupFilledBackgroundColor}: var(--text-accent);
            `
        },
        size: {
            xs: (0, _emotion.css)`
                ${_emotion.segmentTokens.itemBorderRadius}: 0.5rem;
                ${_emotion.segmentTokens.itemWidth}: auto;
                ${_emotion.segmentTokens.itemHeight}: 2rem;
                ${_emotion.segmentTokens.itemPadding}: 0.5rem 0.75rem;
                ${_emotion.segmentTokens.itemPilledPadding}: 0.5rem 0.5rem;
                ${_emotion.segmentTokens.itemContentPadding}: 0.0625rem 0.125rem;
                ${_emotion.segmentTokens.itemIconMargin}: 0.125rem;
                ${_emotion.segmentTokens.itemMarginLeft}: 0;

                ${_emotion.segmentTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
                ${_emotion.segmentTokens.fontSize}: var(--plasma-typo-body-xs-font-size);
                ${_emotion.segmentTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_emotion.segmentTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
                ${_emotion.segmentTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_emotion.segmentTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
            `,
            s: (0, _emotion.css)`
                ${_emotion.segmentTokens.itemBorderRadius}: 0.625rem;
                ${_emotion.segmentTokens.itemWidth}: auto;
                ${_emotion.segmentTokens.itemHeight}: 2.5rem;
                ${_emotion.segmentTokens.itemPadding}: 0.5rem 1rem;
                ${_emotion.segmentTokens.itemPilledPadding}: 0.5rem 0.5rem;
                ${_emotion.segmentTokens.itemContentPadding}: 0.1875rem 0.125rem;
                ${_emotion.segmentTokens.itemIconMargin}: 0.125rem;
                ${_emotion.segmentTokens.itemMarginLeft}: 0rem;

                ${_emotion.segmentTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
                ${_emotion.segmentTokens.fontSize}: var(--plasma-typo-body-s-font-size);
                ${_emotion.segmentTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
                ${_emotion.segmentTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);
                ${_emotion.segmentTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                ${_emotion.segmentTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
            `,
            m: (0, _emotion.css)`
                ${_emotion.segmentTokens.itemBorderRadius}: 0.75rem;
                ${_emotion.segmentTokens.itemWidth}: auto;
                ${_emotion.segmentTokens.itemHeight}: 3rem;
                ${_emotion.segmentTokens.itemPadding}: 0.75rem 1.25rem;
                ${_emotion.segmentTokens.itemPilledPadding}: 0.75rem 0.75rem;
                ${_emotion.segmentTokens.itemContentPadding}: 0.125rem;
                ${_emotion.segmentTokens.itemIconMargin}: 0.25rem;
                ${_emotion.segmentTokens.itemMarginLeft}: 0rem;

                ${_emotion.segmentTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
                ${_emotion.segmentTokens.fontSize}: var(--plasma-typo-body-m-font-size);
                ${_emotion.segmentTokens.fontStyle}: var(--plasma-typo-body-m-font-style);
                ${_emotion.segmentTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);
                ${_emotion.segmentTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                ${_emotion.segmentTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
            `,
            l: (0, _emotion.css)`
                ${_emotion.segmentTokens.itemBorderRadius}: 0.875rem;
                ${_emotion.segmentTokens.itemWidth}: auto;
                ${_emotion.segmentTokens.itemHeight}: 3.5rem;
                ${_emotion.segmentTokens.itemPadding}: 1rem 1.5rem; /* 1.625 */
                ${_emotion.segmentTokens.itemPilledPadding}: 1rem 1rem;
                ${_emotion.segmentTokens.itemContentPadding}: 0.0625rem 0.125rem;
                ${_emotion.segmentTokens.itemIconMargin}: 0.375rem;
                ${_emotion.segmentTokens.itemMarginLeft}: 0;

                ${_emotion.segmentTokens.fontFamily}: var(--plasma-typo-body-l-font-family);
                ${_emotion.segmentTokens.fontSize}: var(--plasma-typo-body-l-font-size);
                ${_emotion.segmentTokens.fontStyle}: var(--plasma-typo-body-l-font-style);
                ${_emotion.segmentTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);
                ${_emotion.segmentTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                ${_emotion.segmentTokens.lineHeight}: var(--plasma-typo-body-l-line-height);
            `,
            xl: (0, _emotion.css)`
                ${_emotion.segmentTokens.itemBorderRadius}: 1rem;
                ${_emotion.segmentTokens.itemWidth}: auto;
                ${_emotion.segmentTokens.itemHeight}: 4rem;
                ${_emotion.segmentTokens.itemPadding}: 1.25rem 1.75rem;
                ${_emotion.segmentTokens.itemPilledPadding}: 1.25rem;
                ${_emotion.segmentTokens.itemContentPadding}: 0.0625rem 0.125rem;
                ${_emotion.segmentTokens.itemIconMargin}: 0.375rem;
                ${_emotion.segmentTokens.itemMarginLeft}: 0;

                ${_emotion.segmentTokens.fontFamily}: var(--plasma-typo-body-l-font-family);
                ${_emotion.segmentTokens.fontSize}: var(--plasma-typo-body-l-font-size);
                ${_emotion.segmentTokens.fontStyle}: var(--plasma-typo-body-l-font-style);
                ${_emotion.segmentTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);
                ${_emotion.segmentTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                ${_emotion.segmentTokens.lineHeight}: var(--plasma-typo-body-l-line-height);
            `
        },
        disabled: {
            true: (0, _emotion.css)`
                ${_emotion.segmentTokens.disabledOpacity}: 0.4;
            `
        },
        pilled: {
            true: (0, _emotion.css)`
                // NOTE: change on token when added
                ${_emotion.segmentTokens.itemPilledBorderRadius}: 1000px;
            `
        }
    }
};
