@nex-ui/system
Version:
A lightweight and performant styling library based on Emotion, focusing on component architecture and developer experience.
49 lines (46 loc) • 3.89 kB
TypeScript
import { TokensDefinition, ColorsDefinition, BordersDefinition, LineHeightsDefinition, FontFamiliesDefinition, FontSizesDefinition, FontWeightsDefinition, SizesDefinition, SpacesDefinition, RadiiDefinition, ShadowsDefinition, TransitionsDefinition, BorderWidthsDefinition, ZIndicesDefinition, SemanticTokensDefinition, SemanticColorDefinition, SemanticBordersDefinition, SemanticLineHeightsDefinition, SemanticFontFamiliesDefinition, SemanticFontSizesDefinition, SemanticFontWeightsDefinition, SemanticSizesDefinition, SemanticSpacesDefinition, SemanticRadiiDefinition, SemanticShadowsDefinition, SemanticTransitionsDefinition, SemanticBorderWidthsDefinition, SemanticZIndicesDefinition } from './tokens/types.js';
import { BreakpointsDefinition } from './breakpoints.js';
import { ScalesDefinition } from './scales.js';
import { AliasesDefinition } from './aliases.js';
import { SelectorsDefinition } from './selectors.js';
import { SystemConfig } from './system.js';
declare const defineConfig: {
(config: SystemConfig): SystemConfig;
selectors(v: SystemConfig["selectors"]): SelectorsDefinition | undefined;
aliases(v: SystemConfig["aliases"]): AliasesDefinition | undefined;
scales(v: SystemConfig["scales"]): ScalesDefinition | undefined;
breakpoints(v: SystemConfig["breakpoints"]): BreakpointsDefinition | undefined;
};
declare const defineTokens: {
(v: TokensDefinition): TokensDefinition;
colors(v: TokensDefinition["colors"]): ColorsDefinition | undefined;
borders(v: TokensDefinition["borders"]): BordersDefinition | undefined;
lineHeights(v: TokensDefinition["lineHeights"]): LineHeightsDefinition | undefined;
fontFamilies(v: TokensDefinition["fontFamilies"]): FontFamiliesDefinition | undefined;
fontSizes(v: TokensDefinition["fontSizes"]): FontSizesDefinition | undefined;
fontWeights(v: TokensDefinition["fontWeights"]): FontWeightsDefinition | undefined;
sizes(v: TokensDefinition["sizes"]): SizesDefinition | undefined;
spaces(v: TokensDefinition["spaces"]): SpacesDefinition | undefined;
radii(v: TokensDefinition["radii"]): RadiiDefinition | undefined;
shadows(v: TokensDefinition["shadows"]): ShadowsDefinition | undefined;
transitions(v: TokensDefinition["transitions"]): TransitionsDefinition | undefined;
borderWidths(v: TokensDefinition["borderWidths"]): BorderWidthsDefinition | undefined;
zIndices(v: TokensDefinition["zIndices"]): ZIndicesDefinition | undefined;
};
declare const defineSemanticTokens: {
(v: SemanticTokensDefinition): SemanticTokensDefinition;
colors(v: SemanticTokensDefinition["colors"]): SemanticColorDefinition | undefined;
borders(v: SemanticTokensDefinition["borders"]): SemanticBordersDefinition | undefined;
lineHeights(v: SemanticTokensDefinition["lineHeights"]): SemanticLineHeightsDefinition | undefined;
fontFamilies(v: SemanticTokensDefinition["fontFamilies"]): SemanticFontFamiliesDefinition | undefined;
fontSizes(v: SemanticTokensDefinition["fontSizes"]): SemanticFontSizesDefinition | undefined;
fontWeights(v: SemanticTokensDefinition["fontWeights"]): SemanticFontWeightsDefinition | undefined;
sizes(v: SemanticTokensDefinition["sizes"]): SemanticSizesDefinition | undefined;
spaces(v: SemanticTokensDefinition["spaces"]): SemanticSpacesDefinition | undefined;
radii(v: SemanticTokensDefinition["radii"]): SemanticRadiiDefinition | undefined;
shadows(v: SemanticTokensDefinition["shadows"]): SemanticShadowsDefinition | undefined;
transitions(v: SemanticTokensDefinition["transitions"]): SemanticTransitionsDefinition | undefined;
borderWidths(v: SemanticTokensDefinition["borderWidths"]): SemanticBorderWidthsDefinition | undefined;
zIndices(v: SemanticTokensDefinition["zIndices"]): SemanticZIndicesDefinition | undefined;
};
export { defineConfig, defineSemanticTokens, defineTokens };