@nex-ui/system
Version:
A lightweight and performant styling library based on Emotion, focusing on component architecture and developer experience.
26 lines (23 loc) • 878 B
TypeScript
import { TokensDefinition, SemanticTokensDefinition, CssVarMap } from './tokens/types.js';
import { Token } from './tokens/createToken.js';
import { CssFn } from './css.js';
import { ScalesDefinition } from './scales.js';
import { AliasesDefinition } from './aliases.js';
import { SelectorsDefinition } from './selectors.js';
import { BreakpointsDefinition } from './breakpoints.js';
type SystemConfig = {
cssVarsPrefix?: string;
scales?: ScalesDefinition;
aliases?: AliasesDefinition;
breakpoints?: BreakpointsDefinition;
selectors?: SelectorsDefinition;
tokens?: TokensDefinition;
semanticTokens?: SemanticTokensDefinition;
};
declare const createSystem: (config: SystemConfig) => {
css: CssFn;
getToken: (key: string) => Token | undefined;
getGlobalCssVars: () => CssVarMap;
};
export { createSystem };
export type { SystemConfig };