g3-toolkit API Reference
    Preparing search index...

    Interface DesignTokens

    interface DesignTokens {
        color: {
            accent: string;
            border: string;
            canvas: string;
            categorical: readonly string[];
            danger: string;
            surface: string;
            textPrimary: string;
            textSecondary: string;
            warning: string;
        };
        radius: { large: number; none: number; small: number };
        spacing: { padding: number; unit: number };
        stroke: { bold: number; hairline: number; regular: number };
        type: { caption: number; header: number; label: number };
    }
    Index

    Properties

    color radius spacing stroke type

    Properties

    color: {
        accent: string;
        border: string;
        canvas: string;
        categorical: readonly string[];
        danger: string;
        surface: string;
        textPrimary: string;
        textSecondary: string;
        warning: string;
    }

    Color roles.

    Type Declaration

    • accent: string
    • border: string
    • canvas: string
    • categorical: readonly string[]

      Categorical palette for data-driven hue encodings (CVD-safe).

    • danger: string
    • surface: string
    • textPrimary: string
    • textSecondary: string
    • warning: string
    radius: { large: number; none: number; small: number }

    Corner radii in model units.

    spacing: { padding: number; unit: number }

    Spacing quanta in model units (also the LAY-018 grid unit).

    stroke: { bold: number; hairline: number; regular: number }

    Stroke widths in model units, thin -> emphatic.

    type: { caption: number; header: number; label: number }

    Type scale in model units.

    Settings

    Member Visibility

    On This Page

    Properties