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

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

import { STYLE_PROPS } from "../constants.js";
import { StyleDeclaration } from "../common.js";

type BorderStyleValue =
    | "none"
    | "hidden"
    | "dotted"
    | "dashed"
    | "solid"
    | "double"
    | "groove"
    | "ridge"
    | "inset"
    | "outset";

export class BorderStyle implements StyleDeclaration {
    private value: BorderStyleValue;

    constructor(value: BorderStyleValue) {
        this.value = value;
    }

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

    equals(other: BorderStyle): boolean {
        return this.value === other.value;
    }

    getValue(): string {
        return this.value;
    }
}