@sandlada/mdk
Version:
A JavaScript library based on Material Design 3, providing data such as color, shape, shadow level, etc.
43 lines (42 loc) • 2.3 kB
TypeScript
import type { ICSSDeclaration } from '../interfaces/css-declaration.interface';
export declare class State<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 DraggedStateLayerOpacity: State<"--md-sys-state-dragged-state-layer-opacity", 0.16, "">;
static readonly PressedStateLayerOpacity: State<"--md-sys-state-pressed-state-layer-opacity", 0.1, "">;
static readonly FocusedStateLayerOpacity: State<"--md-sys-state-focused-state-layer-opacity", 0.1, "">;
static readonly HoveredStateLayerOpacity: State<"--md-sys-state-hovered-state-layer-opacity", 0.08, "">;
static readonly DisabledStateLayerOpacity: State<"--md-sys-state-disabled-state-layer-opacity", 0.38, "">;
static readonly FocusIndicator: {
Thickness: State<"--md-sys-state-focus-indicator-thickness", 3, "px">;
OuterOffset: State<"--md-sys-state-focus-indicator-outer-offset", 2, "px">;
};
static readonly AllEnums: {
readonly DraggedStateLayerOpacity: State<"--md-sys-state-dragged-state-layer-opacity", 0.16, "">;
readonly PressedStateLayerOpacity: State<"--md-sys-state-pressed-state-layer-opacity", 0.1, "">;
readonly FocusedStateLayerOpacity: State<"--md-sys-state-focused-state-layer-opacity", 0.1, "">;
readonly HoveredStateLayerOpacity: State<"--md-sys-state-hovered-state-layer-opacity", 0.08, "">;
readonly DisabledStateLayerOpacity: State<"--md-sys-state-disabled-state-layer-opacity", 0.38, "">;
readonly FocusIndicator: {
readonly Thickness: State<"--md-sys-state-focus-indicator-thickness", 3, "px">;
readonly OuterOffset: State<"--md-sys-state-focus-indicator-outer-offset", 2, "px">;
};
};
}