Configuration

La configuration de JoekerUI centralise les thèmes, les variants et les tokens utilisés par les composants.

Fichier de configuration

Pendant le MVP, la configuration est définie directement dans JoekerUI via le fichier de config interne.

import {
    uiThemes,
    defaultVariantTheme,
    resolveTheme,
} from "@joekerlabs/ui/config";

thèmes disponibles

export const uiThemes = {
    trickster: { ... },
    chaos: { ... },
    nature: { ... },
    frost: { ... },
    night: { ... },
    titan: { ... },
    shadow: { ... },
    enigma: { ... },
    duality: { ... },
    harvest: { ... },
} as const;

Mapping des variants

Les variants ne sont pas des couleurs directes. Ils pointent vers un thème par défaut.

export const defaultVariantTheme = {
    default: "trickster",
    primary: "trickster",
    secondary: "chaos",
    success: "nature",
    danger: "duality",
    info: "frost",
    warning: "titan",
} as const;

Résolution du thème

Lorsqu'un composant reéçoit un theme explicite, celui-ci est utilisé en priorité. Sinon, JoekerUI utilise le thème associé au variant.

resolveTheme("success");
// utilise le thème "nature"

resolveTheme("success", "shadow");
// utilise le thème "shadow"

Configuration personnalisée

Coming soon

Pour le MVP, la configuration est intégrée directement dans JoekerUI.

Une future version pourra permettre d'ajouter ou de surcharger des thèmes depuis un fichier de configuration projet.