@mapbox/mapbox-gl-style-spec/validate/validate_color.ts

a specification for mapbox gl styles

import ValidationError from '../error/validation_error';
import getType from '../util/get_type';
import {parseCSSColor} from 'csscolorparser';

import type {ValidationOptions} from './validate';

export default function validateColor(options: ValidationOptions): Array<ValidationError> {
    const key = options.key;
    const value = options.value;
    const type = getType(value);

    if (type !== 'string') {
        return [new ValidationError(key, value, `color expected, ${type} found`)];
    }

    if (parseCSSColor(value) === null) {
        return [new ValidationError(key, value, `color expected, "${value}" found`)];
    }

    return [];
}