@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.
22 lines (21 loc) • 1.05 kB
TypeScript
import { Scale, Variant } from '../../variations';
export declare const DISPLAY_SCALES: readonly ["xs", "sm", "md", "xl", "2xl"];
export type DisplayScale = Extract<Scale, (typeof DISPLAY_SCALES)[number]>;
export declare const DISPLAY_VARIANTS: readonly ["danger", "danger-contrast", "warning", "warning-contrast", "success", "success-contrast", "information", "information-contrast", "discovery", "discovery-contrast", "planet", "planet-contrast", "brand", "brand-contrast", "signature", "ai", "primary", "secondary", "tertiary", "contrast", "inverse"];
export type DisplayVariant = Extract<Variant, (typeof DISPLAY_VARIANTS)[number]>;
export type DisplayProperties = {
/**
* Scale of the content
*/
scale?: DisplayScale;
/**
* Variant to apply to the content
*/
variant?: DisplayVariant;
/**
* 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;
};