@sandlada/mdk
Version:
A JavaScript library based on Material Design 3, providing data such as color, shape, shadow level, etc.
64 lines (63 loc) • 3.82 kB
TypeScript
import type { ICSSDeclaration } from '../interfaces/css-declaration.interface';
type SpaceDeclaration<K extends string, V extends number | string, U extends string> = `${K}: ${V}${U}${';' | ''}`;
type SpaceVariable<K extends string, V extends number | string, U extends string> = `var(${K}, ${V}${U})`;
export declare class Space<K extends string, V extends number | string, U extends string> implements ICSSDeclaration<K, V, SpaceDeclaration<K, V, U>, SpaceVariable<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}`;
private constructor();
static readonly Space0: Space<"--md-sys-measurement-space0", 0, "px">;
static readonly Space25: Space<"--md-sys-measurement-space25", 2, "px">;
static readonly Space50: Space<"--md-sys-measurement-space50", 4, "px">;
static readonly Space75: Space<"--md-sys-measurement-space75", 6, "px">;
static readonly Space100: Space<"--md-sys-measurement-space100", 8, "px">;
static readonly Space125: Space<"--md-sys-measurement-space125", 10, "px">;
static readonly Space150: Space<"--md-sys-measurement-space150", 12, "px">;
static readonly Space175: Space<"--md-sys-measurement-space175", 14, "px">;
static readonly Space200: Space<"--md-sys-measurement-space200", 16, "px">;
static readonly Space250: Space<"--md-sys-measurement-space250", 20, "px">;
static readonly Space300: Space<"--md-sys-measurement-space300", 24, "px">;
static readonly Space400: Space<"--md-sys-measurement-space400", 32, "px">;
static readonly Space450: Space<"--md-sys-measurement-space450", 36, "px">;
static readonly Space500: Space<"--md-sys-measurement-space500", 40, "px">;
static readonly Space600: Space<"--md-sys-measurement-space600", 48, "px">;
static readonly Space700: Space<"--md-sys-measurement-space700", 56, "px">;
static readonly Space800: Space<"--md-sys-measurement-space800", 64, "px">;
static readonly Space900: Space<"--md-sys-measurement-space900", 72, "px">;
static readonly AllEnums: {
readonly Space0: Space<"--md-sys-measurement-space0", 0, "px">;
readonly Space25: Space<"--md-sys-measurement-space25", 2, "px">;
readonly Space50: Space<"--md-sys-measurement-space50", 4, "px">;
readonly Space75: Space<"--md-sys-measurement-space75", 6, "px">;
readonly Space100: Space<"--md-sys-measurement-space100", 8, "px">;
readonly Space125: Space<"--md-sys-measurement-space125", 10, "px">;
readonly Space150: Space<"--md-sys-measurement-space150", 12, "px">;
readonly Space175: Space<"--md-sys-measurement-space175", 14, "px">;
readonly Space200: Space<"--md-sys-measurement-space200", 16, "px">;
readonly Space250: Space<"--md-sys-measurement-space250", 20, "px">;
readonly Space300: Space<"--md-sys-measurement-space300", 24, "px">;
readonly Space400: Space<"--md-sys-measurement-space400", 32, "px">;
readonly Space450: Space<"--md-sys-measurement-space450", 36, "px">;
readonly Space500: Space<"--md-sys-measurement-space500", 40, "px">;
readonly Space600: Space<"--md-sys-measurement-space600", 48, "px">;
readonly Space700: Space<"--md-sys-measurement-space700", 56, "px">;
readonly Space800: Space<"--md-sys-measurement-space800", 64, "px">;
readonly Space900: Space<"--md-sys-measurement-space900", 72, "px">;
};
}
export {};