@sandlada/mdk
Version:
A JavaScript library based on Material Design 3, providing data such as color, shape, shadow level, etc.
95 lines (94 loc) • 25.2 kB
TypeScript
import { Typeface } from './typeface';
import type { ICSSDeclaration } from '../interfaces/css-declaration.interface';
declare class FontCSSDeclaration<K extends string, V extends number, U extends string> implements ICSSDeclaration<K, V, `${K}: ${V}${U}${';' | ''}`, `var(${K}, ${V}${U})`> {
readonly Key: K;
readonly Value: V;
readonly Unit: U;
toJSON(): {
Key: K;
Value: V;
Unit: U;
};
ToCSSDeclaration(): `${K}: ${V}${U}`;
ToCSSDeclaration(options: {
Semicolon: true;
}): `${K}: ${V}${U};`;
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): `${K}: ${V}${U}${';' | ''}`;
ToCSSVariable(): `var(${K}, ${V}${U})`;
ToCSSValue(): string;
toString(): `${K}: ${V}${U}`;
constructor(Key: K, Value: V, Unit: U);
}
export declare class Typescale<F, S, T, L, W> {
readonly Font: F;
readonly FontSize: S;
readonly Tracking: T;
readonly LineHeight: L;
readonly FontWeight: W;
private constructor();
static readonly DisplayLarge: Typescale<Typeface<"--md-ref-typeface-font-brand", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-display-large-font-size", 57, "px">, FontCSSDeclaration<"--md-sys-typescale-display-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-display-large-font-line-height", 64, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
static readonly DisplayMedium: Typescale<Typeface<"--md-ref-typeface-font-brand", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-display-medium-font-size", 45, "px">, FontCSSDeclaration<"--md-sys-typescale-display-medium-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-display-medium-font-line-height", 52, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
static readonly DisplaySmall: Typescale<Typeface<"--md-ref-typeface-font-brand", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-display-small-font-size", 36, "px">, FontCSSDeclaration<"--md-sys-typescale-display-small-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-display-small-font-line-height", 44, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
static readonly HeadlineLarge: Typescale<Typeface<"--md-ref-typeface-font-brand", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-headline-large-font-size", 32, "px">, FontCSSDeclaration<"--md-sys-typescale-headline-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-headline-large-font-line-height", 40, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
static readonly HeadlineMedium: Typescale<Typeface<"--md-ref-typeface-font-brand", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-headline-medium-font-size", 28, "px">, FontCSSDeclaration<"--md-sys-typescale-headline-medium-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-headline-medium-font-line-height", 36, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
static readonly HeadlineSmall: Typescale<Typeface<"--md-ref-typeface-font-brand", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-headline-small-font-size", 24, "px">, FontCSSDeclaration<"--md-sys-typescale-headline-small-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-headline-small-font-line-height", 32, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
static readonly TitleLarge: Typescale<Typeface<"--md-ref-typeface-font-brand", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-title-large-font-size", 22, "px">, FontCSSDeclaration<"--md-sys-typescale-title-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-title-large-font-line-height", 28, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
static readonly TitleMedium: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-title-medium-font-size", 16, "px">, FontCSSDeclaration<"--md-sys-typescale-title-medium-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-title-medium-font-line-height", 24, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
static readonly TitleSmall: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-title-small-font-size", 14, "px">, FontCSSDeclaration<"--md-sys-typescale-title-small-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-title-small-font-line-height", 20, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
static readonly BodyLarge: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-body-large-font-size", 16, "px">, FontCSSDeclaration<"--md-sys-typescale-body-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-body-large-font-line-height", 24, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
static readonly BodyMedium: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-body-medium-font-size", 14, "px">, FontCSSDeclaration<"--md-sys-typescale-body-medium-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-body-medium-font-line-height", 20, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
static readonly BodySmall: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-body-small-font-size", 12, "px">, FontCSSDeclaration<"--md-sys-typescale-body-small-font-tracking", 0.1, "px">, FontCSSDeclaration<"--md-sys-typescale-body-small-font-line-height", 16, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
static readonly LabelLarge: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-label-large-font-size", 14, "px">, FontCSSDeclaration<"--md-sys-typescale-label-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-label-large-font-line-height", 20, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
static readonly LabelMedium: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-label-medium-font-size", 12, "px">, FontCSSDeclaration<"--md-sys-typescale-label-medium-font-tracking", 0.1, "px">, FontCSSDeclaration<"--md-sys-typescale-label-medium-font-line-height", 16, "px">, Typeface<"--md-ref-typeface-weight-bold", 700>>;
static readonly LabelSmall: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-label-small-font-size", 11, "px">, FontCSSDeclaration<"--md-sys-typescale-label-small-font-tracking", 0.1, "px">, FontCSSDeclaration<"--md-sys-typescale-label-small-font-line-height", 16, "px">, Typeface<"--md-ref-typeface-weight-bold", 700>>;
static readonly EmphasizedDisplayLarge: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-large-font-size", 57, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-large-font-line-height", 64, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
static readonly EmphasizedDisplayMedium: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-medium-font-size", 45, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-medium-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-medium-font-line-height", 52, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
static readonly EmphasizedDisplaySmall: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-small-font-size", 36, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-small-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-small-font-line-height", 44, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
static readonly EmphasizedHeadlineLarge: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-large-font-size", 32, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-large-font-line-height", 40, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
static readonly EmphasizedHeadlineMedium: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-medium-font-size", 28, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-medium-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-medium-font-line-height", 36, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
static readonly EmphasizedHeadlineSmall: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-small-font-size", 24, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-small-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-small-font-line-height", 32, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
static readonly EmphasizedTitleLarge: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-large-font-size", 22, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-large-font-line-height", 28, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
static readonly EmphasizedTitleMedium: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-medium-font-size", 16, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-medium-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-medium-font-line-height", 24, "px">, Typeface<"--md-ref-typeface-weight-bold", 700>>;
static readonly EmphasizedTitleSmall: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-small-font-size", 14, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-small-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-small-font-line-height", 20, "px">, Typeface<"--md-ref-typeface-weight-bold", 700>>;
static readonly EmphasizedBodyLarge: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-large-font-size", 16, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-large-font-line-height", 24, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
static readonly EmphasizedBodyMedium: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-medium-font-size", 14, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-medium-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-medium-font-line-height", 20, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
static readonly EmphasizedBodySmall: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-small-font-size", 12, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-small-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-small-font-line-height", 16, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
static readonly EmphasizedLabelLarge: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-large-font-size", 14, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-large-font-line-height", 20, "px">, Typeface<"--md-ref-typeface-weight-bold", 700>>;
static readonly EmphasizedLabelMedium: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-medium-font-size", 12, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-medium-font-tracking", 0.1, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-medium-font-line-height", 16, "px">, Typeface<"--md-ref-typeface-weight-bold", 700>>;
static readonly EmphasizedLabelSmall: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-small-font-size", 11, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-small-font-tracking", 0.1, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-small-font-line-height", 16, "px">, Typeface<"--md-ref-typeface-weight-bold", 700>>;
static readonly AllEnums: {
readonly DisplayLarge: Typescale<Typeface<"--md-ref-typeface-font-brand", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-display-large-font-size", 57, "px">, FontCSSDeclaration<"--md-sys-typescale-display-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-display-large-font-line-height", 64, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
readonly DisplayMedium: Typescale<Typeface<"--md-ref-typeface-font-brand", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-display-medium-font-size", 45, "px">, FontCSSDeclaration<"--md-sys-typescale-display-medium-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-display-medium-font-line-height", 52, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
readonly DisplaySmall: Typescale<Typeface<"--md-ref-typeface-font-brand", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-display-small-font-size", 36, "px">, FontCSSDeclaration<"--md-sys-typescale-display-small-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-display-small-font-line-height", 44, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
readonly HeadlineLarge: Typescale<Typeface<"--md-ref-typeface-font-brand", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-headline-large-font-size", 32, "px">, FontCSSDeclaration<"--md-sys-typescale-headline-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-headline-large-font-line-height", 40, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
readonly HeadlineMedium: Typescale<Typeface<"--md-ref-typeface-font-brand", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-headline-medium-font-size", 28, "px">, FontCSSDeclaration<"--md-sys-typescale-headline-medium-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-headline-medium-font-line-height", 36, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
readonly HeadlineSmall: Typescale<Typeface<"--md-ref-typeface-font-brand", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-headline-small-font-size", 24, "px">, FontCSSDeclaration<"--md-sys-typescale-headline-small-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-headline-small-font-line-height", 32, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
readonly TitleLarge: Typescale<Typeface<"--md-ref-typeface-font-brand", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-title-large-font-size", 22, "px">, FontCSSDeclaration<"--md-sys-typescale-title-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-title-large-font-line-height", 28, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
readonly TitleMedium: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-title-medium-font-size", 16, "px">, FontCSSDeclaration<"--md-sys-typescale-title-medium-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-title-medium-font-line-height", 24, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
readonly TitleSmall: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-title-small-font-size", 14, "px">, FontCSSDeclaration<"--md-sys-typescale-title-small-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-title-small-font-line-height", 20, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
readonly BodyLarge: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-body-large-font-size", 16, "px">, FontCSSDeclaration<"--md-sys-typescale-body-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-body-large-font-line-height", 24, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
readonly BodyMedium: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-body-medium-font-size", 14, "px">, FontCSSDeclaration<"--md-sys-typescale-body-medium-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-body-medium-font-line-height", 20, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
readonly BodySmall: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-body-small-font-size", 12, "px">, FontCSSDeclaration<"--md-sys-typescale-body-small-font-tracking", 0.1, "px">, FontCSSDeclaration<"--md-sys-typescale-body-small-font-line-height", 16, "px">, Typeface<"--md-ref-typeface-weight-regular", 400>>;
readonly LabelLarge: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-label-large-font-size", 14, "px">, FontCSSDeclaration<"--md-sys-typescale-label-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-label-large-font-line-height", 20, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
readonly LabelMedium: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-label-medium-font-size", 12, "px">, FontCSSDeclaration<"--md-sys-typescale-label-medium-font-tracking", 0.1, "px">, FontCSSDeclaration<"--md-sys-typescale-label-medium-font-line-height", 16, "px">, Typeface<"--md-ref-typeface-weight-bold", 700>>;
readonly LabelSmall: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-label-small-font-size", 11, "px">, FontCSSDeclaration<"--md-sys-typescale-label-small-font-tracking", 0.1, "px">, FontCSSDeclaration<"--md-sys-typescale-label-small-font-line-height", 16, "px">, Typeface<"--md-ref-typeface-weight-bold", 700>>;
readonly EmphasizedDisplayLarge: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-large-font-size", 57, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-large-font-line-height", 64, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
readonly EmphasizedDisplayMedium: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-medium-font-size", 45, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-medium-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-medium-font-line-height", 52, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
readonly EmphasizedDisplaySmall: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-small-font-size", 36, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-small-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-display-small-font-line-height", 44, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
readonly EmphasizedHeadlineLarge: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-large-font-size", 32, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-large-font-line-height", 40, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
readonly EmphasizedHeadlineMedium: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-medium-font-size", 28, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-medium-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-medium-font-line-height", 36, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
readonly EmphasizedHeadlineSmall: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-small-font-size", 24, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-small-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-headline-small-font-line-height", 32, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
readonly EmphasizedTitleLarge: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-large-font-size", 22, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-large-font-line-height", 28, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
readonly EmphasizedTitleMedium: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-medium-font-size", 16, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-medium-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-medium-font-line-height", 24, "px">, Typeface<"--md-ref-typeface-weight-bold", 700>>;
readonly EmphasizedTitleSmall: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-small-font-size", 14, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-small-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-title-small-font-line-height", 20, "px">, Typeface<"--md-ref-typeface-weight-bold", 700>>;
readonly EmphasizedBodyLarge: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-large-font-size", 16, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-large-font-line-height", 24, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
readonly EmphasizedBodyMedium: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-medium-font-size", 14, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-medium-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-medium-font-line-height", 20, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
readonly EmphasizedBodySmall: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-small-font-size", 12, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-small-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-body-small-font-line-height", 16, "px">, Typeface<"--md-ref-typeface-weight-medium", 500>>;
readonly EmphasizedLabelLarge: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-large-font-size", 14, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-large-font-tracking", 0, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-large-font-line-height", 20, "px">, Typeface<"--md-ref-typeface-weight-bold", 700>>;
readonly EmphasizedLabelMedium: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-medium-font-size", 12, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-medium-font-tracking", 0.1, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-medium-font-line-height", 16, "px">, Typeface<"--md-ref-typeface-weight-bold", 700>>;
readonly EmphasizedLabelSmall: Typescale<Typeface<"--md-ref-typeface-font-plain", "Roboto">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-small-font-size", 11, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-small-font-tracking", 0.1, "px">, FontCSSDeclaration<"--md-sys-typescale-emphasized-label-small-font-line-height", 16, "px">, Typeface<"--md-ref-typeface-weight-bold", 700>>;
};
}
export {};