igniteui-theming
Version:
A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components.
39 lines (38 loc) • 1.14 kB
TypeScript
import { DesignSystem } from '../utils/types.js';
export type { DesignSystem } from '../utils/types.js';
export interface TypeStyle {
"font-family": string;
"font-size": string;
"font-weight": string;
"font-style": string;
"line-height": string;
"letter-spacing": string;
"text-transform": string;
"margin-top"?: string;
"margin-bottom"?: string;
}
export interface TypeScale {
typeface: string;
h1: TypeStyle;
h2: TypeStyle;
h3: TypeStyle;
h4: TypeStyle;
h5: TypeStyle;
h6: TypeStyle;
"subtitle-1": TypeStyle;
"subtitle-2": TypeStyle;
"body-1": TypeStyle;
"body-2": TypeStyle;
button: TypeStyle;
caption: TypeStyle;
overline: TypeStyle;
}
/**
* Typography presets loaded from JSON.
*/
export declare const TYPOGRAPHY_PRESETS: Record<DesignSystem, TypeScale>;
/**
* Type scale category names.
*/
export declare const TYPE_SCALE_CATEGORIES: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "subtitle-1", "subtitle-2", "body-1", "body-2", "button", "caption", "overline"];
export type TypeScaleCategory = (typeof TYPE_SCALE_CATEGORIES)[number];