alouette
Version:
A modern, customizable design system built on top of NativeWind v5 with configurable defaults
18 lines • 1.01 kB
TypeScript
import type { AlouetteTheme } from "./AlouetteConfig";
/**
* Resolved CSS-variable map for every theme — the JS mirror of the palette CSS,
* consumed by `ScopedTheme` (feeds NativeWind's `VariableContextProvider`) and
* `useThemeToken` (JS token reads: gradient stops, native Switch, placeholder /
* SVG tint). This is the shape of `generateTheme(...).themeVariables`.
*/
export type ThemeVariablesMap = Record<AlouetteTheme, Record<`--${string}`, string>>;
/**
* Holds the active {@link ThemeVariablesMap}. Defaults to the bundled default
* palette (`themeVariables`) so `ScopedTheme` works with no provider. A
* BYO-palette app overrides it via `<AlouetteProvider themeVariables={...}>`
* with its own `generateTheme(...).themeVariables`, keeping JS token reads in
* sync with its palette CSS.
*/
export declare const ThemeVariablesContext: import("react").Context<ThemeVariablesMap>;
export declare function useThemeVariables(): ThemeVariablesMap;
//# sourceMappingURL=ThemeVariablesContext.d.ts.map