@engie-group/fluid-design-system
Version:
The Fluid Design System is ENGIE’s open-source library to create, build and deliver ENGIE digital services in a more efficient way.
26 lines (25 loc) • 1.09 kB
TypeScript
import { Scale, Variant } from '../../variations';
export declare const TEXT_SCALES: readonly ["xs", "sm", "md", "lg"];
export type TextScale = Extract<Scale, (typeof TEXT_SCALES)[number]>;
export declare const TEXT_VARIANTS: readonly ["danger", "danger-contrast", "warning", "warning-contrast", "success", "success-contrast", "information", "information-contrast", "discovery", "discovery-contrast", "planet", "planet-contrast", "brand", "brand-contrast", "signature", "primary", "secondary", "tertiary", "contrast", "inverse"];
export type TextVariant = Extract<Variant, (typeof TEXT_VARIANTS)[number]>;
export type TextProperties = {
/**
* Scale of the content
*/
scale?: TextScale;
/**
* Variant to apply to the content
*/
variant?: TextVariant;
/**
* Whether the content color is not invertible.
*
* Useful when your text is displayed above a dark or light background which doesn't change in light/dark mode.
*/
isNotInvertible?: boolean;
/**
* Whether the content is monospaced
*/
isMono?: boolean;
};