@inkline/inkline/mixins/computed/classes.mjs

Inkline is the Vue.js UI/UX Library built for creating your next design system

export function colorVariantClass(component) {
    let colorClass = component.color;
    if (!colorClass) {
        if (component.$inkline.options.colorMode === 'system') {
            colorClass = typeof window !== 'undefined' && window.matchMedia('(prefers-color-scheme: dark)').matches
                ? 'dark'
                : 'light';
        }
        else {
            colorClass = component.$inkline.options.colorMode;
        }
    }
    return {
        [`-${colorClass}`]: true
    };
}
//# sourceMappingURL=classes.mjs.map