@glare-labs/mdk
Version:
@glare-labs/mdk, Material Design Kit, mdk is a JavaScript constant library based on Material Design 3, providing constant data such as color, shape, shadow level, etc:
31 lines (30 loc) • 1.18 kB
TypeScript
export declare const MotionDurations: {
readonly Short1: "50ms";
readonly Short2: "100ms";
readonly Short3: "150ms";
readonly Short4: "200ms";
readonly Medium1: "250ms";
readonly Medium2: "300ms";
readonly Medium3: "350ms";
readonly Medium4: "400ms";
readonly Long1: "450ms";
readonly Long2: "500ms";
readonly Long3: "550ms";
readonly Long4: "600ms";
readonly ExtraLong1: "700ms";
readonly ExtraLong2: "800ms";
readonly ExtraLong3: "900ms";
readonly ExtraLong4: "1000ms";
};
export declare const MotionEasings: {
readonly Standard: "cubic-bezier(0.2, 0, 0, 1)";
readonly StandardAccelerate: "cubic-bezier(0.3, 0, 1, 1)";
readonly StandardDecelerate: "cubic-bezier(0, 0, 0, 1)";
readonly Emphasized: "cubic-bezier(0.2, 0, 0, 1)";
readonly EmphasizedAccelerate: "cubic-bezier(0.3, 0, 0.8, 0.15)";
readonly EmphasizedDecelerate: "cubic-bezier(0.05, 0.7, 0.1, 1)";
readonly Legacy: "cubic-bezier(0.4, 0, 0.2, 1)";
readonly LegacyAccelerate: "cubic-bezier(0.4, 0, 1, 1)";
readonly LegacyDecelerate: "cubic-bezier(0, 0, 0.2, 1)";
readonly Linear: "cubic-bezier(0, 0, 1, 1)";
};