@sandlada/mdk
Version:
A JavaScript library based on Material Design 3, providing data such as color, shape, shadow level, etc.
38 lines (37 loc) • 2.46 kB
TypeScript
import type { ICSSDeclaration } from '../interfaces/css-declaration.interface';
export declare class ElevationLevel<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}`;
private constructor();
static readonly Level0: ElevationLevel<"--md-sys-elevation-level-0", 0, "px">;
static readonly Level1: ElevationLevel<"--md-sys-elevation-level-1", 1, "px">;
static readonly Level2: ElevationLevel<"--md-sys-elevation-level-2", 3, "px">;
static readonly Level3: ElevationLevel<"--md-sys-elevation-level-3", 6, "px">;
static readonly Level4: ElevationLevel<"--md-sys-elevation-level-4", 8, "px">;
static readonly Level5: ElevationLevel<"--md-sys-elevation-level-5", 12, "px">;
toBoxShadow(): "box-shadow: none" | "box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px" | "box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px" | "box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px" | "box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px" | "box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px" | undefined;
static readonly AllEnums: {
readonly Level0: ElevationLevel<"--md-sys-elevation-level-0", 0, "px">;
readonly Level1: ElevationLevel<"--md-sys-elevation-level-1", 1, "px">;
readonly Level2: ElevationLevel<"--md-sys-elevation-level-2", 3, "px">;
readonly Level3: ElevationLevel<"--md-sys-elevation-level-3", 6, "px">;
readonly Level4: ElevationLevel<"--md-sys-elevation-level-4", 8, "px">;
readonly Level5: ElevationLevel<"--md-sys-elevation-level-5", 12, "px">;
};
}