aura-glass/dist/theme/designMatrix.d.ts

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

import type { CSSProperties } from "react";
export type PersonaId = "midnight-slate" | "midnight-meridian" | "solar-apex" | "violet-nebula" | "aurora-noir" | "helios-foundry" | "glacier-morn" | "terra-inflect" | "lumen-veil" | "nimbus-relay";
export interface PersonaColorTokens {
    background: {
        canvas: string;
        surface: string;
    };
    text: {
        primary: string;
    };
    accent: {
        primary: string;
        secondary: string;
    };
    state: {
        success: string;
        warning: string;
        error: string;
    };
    shadow: {
        panel: string;
    };
    focus: {
        ring: string;
    };
}
export interface PersonaTypographyEntry {
    weight: number;
    size: string;
    letterSpacing: string;
    lineHeight?: string;
}
export interface PersonaTypographyScale {
    display: PersonaTypographyEntry;
    headline: PersonaTypographyEntry;
    metric: PersonaTypographyEntry;
    body: PersonaTypographyEntry;
    caption: PersonaTypographyEntry;
}
export interface PersonaSpacing {
    baseGrid: string;
    panelRadius: string;
    buttonRadius: string;
    overlayBlur: string;
    layoutPattern: string;
}
export interface PersonaMotionDurations {
    entry: string;
    hover: string;
    focus: string;
    async: string;
}
export interface PersonaMetadata {
    name: string;
    id: PersonaId;
    primaryContext: string;
    paletteAnchor: string;
    surfaceSchema: string;
    typographyScaleDescription: string;
    motionSignals: string;
    narrativePillars?: string[];
    keyTokens?: string[];
    microinteractionNotes?: string[];
}
export interface PersonaConfig {
    meta: PersonaMetadata;
    colors: PersonaColorTokens;
    typography: PersonaTypographyScale;
    spacing: PersonaSpacing;
    motion: PersonaMotionDurations;
    tokens?: Record<string, string | number | CSSProperties>;
}
export declare const DESIGN_MATRIX: Record<PersonaId, PersonaConfig>;
export declare const PERSONA_IDS: PersonaId[];
export declare const PERSONA_LIST: PersonaConfig[];
export declare const DEFAULT_PERSONA_ID: PersonaId;
export declare const getPersonaConfig: (id: PersonaId) => PersonaConfig;
//# sourceMappingURL=designMatrix.d.ts.map