"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const getLinkStyles = (className, color) => {
    return [{
            className: `.${className}.app-anchor-text`,
            style: {
                color: color
            }
        }, {
            className: `.${className}.app-anchor-icon .app-icon`,
            style: {
                color: color
            }
        }, {
            className: `.${className}.app-anchor-badge`,
            style: {
                'background-color': `fade(${color}, 20%)`,
                color: color
            }
        },];
};
const getLinkdtStyles = () => {
    return [
        //primary
        {
            className: '.link-primary.app-anchor-text',
            dtStyle: {
                'color': 'var(--wm-color-primary)',
            }
        }, {
            className: '.link-primary.app-anchor-icon .app-icon',
            dtStyle: {
                'color': 'var(--wm-color-primary)',
            }
        }, {
            className: '.link-primary.app-anchor-badge',
            dtStyle: {
                'color': 'var(--wm-color-primary)',
                'background-color': 'var(--wm-badge-primary-background)',
                'font-weight': 'var(--wm-required-font-weight)'
            }
        },
        //secondary
        {
            className: '.link-secondary.app-anchor-text',
            dtStyle: {
                'color': 'var(--wm-color-secondary)',
            }
        }, {
            className: '.link-secondary.app-anchor-icon .app-icon',
            dtStyle: {
                'color': 'var(--wm-color-secondary)',
            }
        }, {
            className: '.link-secondary.app-anchor-badge',
            dtStyle: {
                'color': 'var(--wm-color-secondary)',
                'background-color': 'var(--wm-badge-secondary-background)',
                'font-weight': 'var(--wm-required-font-weight)'
            }
        },
        //tertiary
        {
            className: '.link-tertiary.app-anchor-text',
            dtStyle: {
                'color': 'var(--wm-color-tertiary)',
            }
        }, {
            className: '.link-tertiary.app-anchor-icon .app-icon',
            dtStyle: {
                'color': 'var(--wm-color-tertiary)',
            }
        }, {
            className: '.link-tertiary.app-anchor-badge',
            dtStyle: {
                'color': 'var(--wm-color-tertiary)',
                'background-color': 'var(--wm-badge-tertiary-background)',
                'font-weight': 'var(--wm-required-font-weight)'
            }
        },
        //success
        {
            className: '.link-success.app-anchor-text',
            dtStyle: {
                'color': 'var(--wm-message-container-success-background)',
            }
        }, {
            className: '.link-success.app-anchor-icon .app-icon',
            dtStyle: {
                'color': 'var(--wm-message-container-success-background)',
            }
        }, {
            className: '.link-success.app-anchor-badge',
            dtStyle: {
                'color': 'var(--wm-message-container-success-background)',
                'background-color': 'var(--wm-badge-success-background)',
                'font-weight': 'var(--wm-required-font-weight)'
            }
        },
        //danger 
        {
            className: '.link-danger.app-anchor-text',
            dtStyle: {
                'color': 'var(--wm-message-container-danger-background)',
            }
        }, {
            className: '.link-danger.app-anchor-icon .app-icon',
            dtStyle: {
                'color': 'var(--wm-message-container-danger-background)',
            }
        }, {
            className: '.link-danger.app-anchor-badge',
            dtStyle: {
                'color': 'var(--wm-message-container-danger-background)',
                'background-color': 'var(--wm-badge-error-background)',
                'font-weight': 'var(--wm-required-font-weight)'
            }
        },
        //warning
        {
            className: '.link-warning.app-anchor-text',
            dtStyle: {
                'color': 'var(--wm-message-container-warning-background)',
            }
        }, {
            className: '.link-warning.app-anchor-icon .app-icon',
            dtStyle: {
                'color': 'var(--wm-message-container-warning-background)',
            }
        }, {
            className: '.link-warning.app-anchor-badge',
            dtStyle: {
                'color': 'var(--wm-message-container-warning-background)',
                'background-color': 'var(--wm-badge-warning-background)',
                'font-weight': 'var(--wm-required-font-weight)'
            }
        },
        //info
        {
            className: '.link-info.app-anchor-text',
            dtStyle: {
                'color': 'var(--wm-message-container-info-background)',
            }
        }, {
            className: '.link-info.app-anchor-icon .app-icon',
            dtStyle: {
                'color': 'var(--wm-message-container-info-background)',
            }
        }, {
            className: '.link-info.app-anchor-badge',
            dtStyle: {
                'color': 'var(--wm-message-container-info-background)',
                'background-color': 'var(--wm-badge-info-background)',
                'font-weight': 'var(--wm-required-font-weight)'
            }
        },
    ];
};
exports.default = {
    getStyleDefs: () => ([{
            className: '.app-anchor',
            rnStyleSelector: 'app-anchor.root',
            studioStyleSelector: '.app-anchor',
            style: {},
            dtStyle: {
                'overflow': 'var(--wm-anchor-root-overflow)',
                'color': 'var(--wm-anchor-color)'
            }
        }, {
            className: '.app-anchor-text',
            rnStyleSelector: 'app-anchor.text',
            studioStyleSelector: '.app-anchor >.anchor-caption',
            style: {
                color: '@linkDefaultColor'
            },
            dtStyle: {
                'padding-left': 'var(--wm-space-2)',
                'padding-right': 'var(--wm-space-2)',
                'font-size': 'var(--wm-anchor-font-size)',
                // 'text-decoration':'var(--wm-anchor-text-decoration-underline)',
                'color': 'var(--wm-anchor-color)'
            }
        }, {
            className: '.app-anchor-badge',
            rnStyleSelector: 'app-anchor.badge',
            studioStyleSelector: '.app-anchor >.badge',
            style: {},
            dtStyle: {
                'background-color': 'var(--wm-anchor-default-badge-color)',
                'color': 'var(--wm-anchor-color)',
                'margin-top': 'var(--wm-anchor-badge-margin-top)',
                'margin-left': 'var(--wm-space-0)',
                'font-weight': 'var(--wm-font-weight-bold)'
            }
        }, {
            className: '.app-anchor-icon',
            rnStyleSelector: 'app-anchor.icon',
            studioStyleSelector: '.app-anchor ',
        }, {
            className: '.app-anchor-icon.app-icon',
            style: {
                color: '@linkDefaultColor'
            }
        }, {
            className: '.app-anchor-skeleton',
            rnStyleSelector: 'app-anchor.skeleton',
            studioStyleSelector: '.app-anchor-skeleton',
            style: {},
            dtStyle: {
                'width': 'var(--wm-anchor-skeleton-width)',
                'height': 'var(--wm-anchor-skeleton-height)',
                'border-radius': 'var(--wm-anchor-skeleton-border-radius)'
            }
        },
        ...getLinkStyles('link-primary', '@linkPrimaryColor'),
        ...getLinkStyles('link-secondary', '@linkSecondaryColor'),
        ...getLinkStyles('link-success', '@linkSuccessColor'),
        ...getLinkStyles('link-danger', '@linkDangerColor'),
        ...getLinkStyles('link-warning', '@linkWarningColor'),
        ...getLinkStyles('link-info', '@linkInfoColor'),
        ...getLinkStyles('link-light', '@linkLightColor'),
        ...getLinkStyles('link-dark', '@linkDarkColor'),
        ...getLinkdtStyles()
    ])
};
//# sourceMappingURL=anchor.styledef.js.map