zeplin-extension-style-kit/src/declarations/backgroundColor.ts

Models and utilities to generate CSS-like style code in Zeplin extensions.

import { STYLE_PROPS } from "../constants.js";
import { Color } from "../values/index.js";
import { ColorNameResolver, ColorParams, StyleDeclaration } from "../common.js";

export class BackgroundColor implements StyleDeclaration {
    private color: Color;

    constructor(color: Color) {
        this.color = color;
    }

    get name(): string {
        return STYLE_PROPS.BACKGROUND_COLOR;
    }

    equals(other: BackgroundColor): boolean {
        return this.color.equals(other.color);
    }

    getValue(params: ColorParams, colorNameResolver: ColorNameResolver): string {
        return this.color.toStyleValue(params, colorNameResolver);
    }
}