"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const getStyle = (className, type, color) => ([{
        className: `.${className}.app-progress-circle-bg`,
        studioStyleSelector: `.app-progress[type="${type}"]>svg path:first-child`,
        style: {
            'background-color': `fade(${color}, 60%)`,
            stroke: `fade(${color}, 60%)`
        }
    }, {
        className: `.${className}.app-progress-circle-value`,
        studioStyleSelector: `.app-progress[type="${type}"]>svg path:nth-child(2)`,
        style: {
            color: color,
            stroke: color
        }
    }]);
const getdtStyle = (className, type, color) => ([
    {
        className: `.${className}.app-progress-circle-bg`,
        studioStyleSelector: `.app-progress[type="${type}"]>svg path:first-child`,
        dtStyle: {
            'background-color': 'var(--wm-progress-circle-stroke-inactive)',
            stroke: 'var(--wm-progress-circle-stroke-inactive)'
        }
    },
    {
        className: `.${className}.app-progress-circle-value`,
        studioStyleSelector: `.app-progress[type="${type}"]>svg path:nth-child(2)`,
        dtStyle: {
            'color': color,
            stroke: color,
            'background-color': color
        }
    }
]);
exports.default = {
    getStyleDefs: () => ([{
            className: '.app-progress-circle',
            rnStyleSelector: 'app-progress-circle.root',
            studioStyleSelector: '.app-progress',
            style: {}
        }, {
            className: '.app-progress-circle-text',
            rnStyleSelector: 'app-progress-circle.text',
            studioStyleSelector: '.app-progress.app-progress-label',
            style: {},
            dtStyle: {
                'height': 'var(--wm-progress-circle-value)'
            }
        }, {
            className: '.app-progress-circle-bg',
            rnStyleSelector: 'app-progress-circle.progressCircle',
            studioStyleSelector: '.app-progress.circle.progress circle-progress > svg circle:last-of-type',
            style: {
                'background-color': 'fade(@progressCircleDefaultColor, 60%)',
                stroke: 'fade(@progressCircleDefaultColor, 60%)'
            },
            dtStyle: {
                'background-color': 'var(--wm-progress-circle-stroke-inactive)',
                stroke: 'var(--wm-progress-circle-stroke-inactive)'
            }
        }, {
            className: '.app-progress-circle-value',
            rnStyleSelector: 'app-progress-circle.progressValue',
            studioStyleSelector: '.app-progress.circle path',
            style: {
                color: '@progressCircleDefaultColor',
                stroke: '@progressCircleDefaultColor'
            },
            dtStyle: {
                color: 'var(--wm-progress-circle-stroke-active)',
                stroke: 'var(--wm-progress-circle-stroke-active)'
            }
        }, {
            className: '.app-progress-circle-subtitle',
            rnStyleSelector: 'app-progress-circle.subTitle',
            studioStyleSelector: '.app-progress-circle tspan',
            style: {
                color: '@labelTextMutedColor'
            },
            dtStyle: {
                'font-size': 'var(--wm-progress-circle-subtitle-font-size)',
                'font-family': 'var(--wm-progress-circle-subtitle-font-family)',
                'color': 'var(--wm-progress-circle-subtitle-color)'
            }
        },
        ...getStyle('app-default-progress-circle', 'default', '@progressCircleDefaultColor'),
        ...getStyle('app-success-progress-circle', 'success', '@progressCircleSuccessColor'),
        ...getStyle('app-info-progress-circle', 'info', '@progressCircleInfoColor'),
        ...getStyle('app-danger-progress-circle', 'danger', '@progressCircleDangerColor'),
        ...getStyle('app-warning-progress-circle', 'warning', '@progressCircleWarningColor'),
        ...getdtStyle('app-default-progress-circle', 'default', 'var(--wm-progress-circle-stroke-active)'),
        ...getdtStyle('app-success-progress-circle', 'success', 'var(--wm-progress-circle-success-stroke-active)'),
        ...getdtStyle('app-info-progress-circle', 'info', 'var(--wm-progress-circle-info-stroke-active)'),
        ...getdtStyle('app-danger-progress-circle', 'danger', 'var(--wm-progress-circle-danger-stroke-active)'),
        ...getdtStyle('app-warning-progress-circle', 'warning', 'var(--wm-progress-circle-warning-stroke-active)')
    ])
};
//# sourceMappingURL=progress-circle.styledef.js.map