UNPKG

@sandlada/mdk

Version:

A JavaScript library based on Material Design 3, providing data such as color, shape, shadow level, etc.

81 lines (80 loc) • 6.25 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
import type { ICSSDeclaration } from '../interfaces/css-declaration.interface'; export declare class Duration<K extends string, V extends number, U extends string = 'ms'> 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 Short1: Duration<"--md-sys-motion-duration-short1", 50, "ms">; static readonly Short2: Duration<"--md-sys-motion-duration-short2", 100, "ms">; static readonly Short3: Duration<"--md-sys-motion-duration-short3", 150, "ms">; static readonly Short4: Duration<"--md-sys-motion-duration-short4", 200, "ms">; static readonly Medium1: Duration<"--md-sys-motion-duration-medium1", 250, "ms">; static readonly Medium2: Duration<"--md-sys-motion-duration-medium2", 300, "ms">; static readonly Medium3: Duration<"--md-sys-motion-duration-medium3", 350, "ms">; static readonly Medium4: Duration<"--md-sys-motion-duration-medium4", 400, "ms">; static readonly Long1: Duration<"--md-sys-motion-duration-long1", 450, "ms">; static readonly Long2: Duration<"--md-sys-motion-duration-long2", 500, "ms">; static readonly Long3: Duration<"--md-sys-motion-duration-long3", 550, "ms">; static readonly Long4: Duration<"--md-sys-motion-duration-long4", 600, "ms">; static readonly ExtraLong1: Duration<"--md-sys-motion-duration-extra-long1", 700, "ms">; static readonly ExtraLong2: Duration<"--md-sys-motion-duration-extra-long2", 800, "ms">; static readonly ExtraLong3: Duration<"--md-sys-motion-duration-extra-long3", 900, "ms">; static readonly ExtraLong4: Duration<"--md-sys-motion-duration-extra-long4", 1000, "ms">; static readonly ExpressiveFastSpatial: Duration<"--md-sys-motion-duration-expressive-fast-spatial", 350, "ms">; static readonly ExpressiveDefaultSpatial: Duration<"--md-sys-motion-duration-expressive-default-spatial", 500, "ms">; static readonly ExpressiveSlowSpatial: Duration<"--md-sys-motion-duration-expressive-slow-spatial", 650, "ms">; static readonly ExpressiveFastEffects: Duration<"--md-sys-motion-duration-expressive-fast-effects", 150, "ms">; static readonly ExpressiveDefaultEffects: Duration<"--md-sys-motion-duration-expressive-default-effects", 200, "ms">; static readonly ExpressiveSlowEffects: Duration<"--md-sys-motion-duration-expressive-slow-effects", 300, "ms">; static readonly StandardFastSpatial: Duration<"--md-sys-motion-duration-standard-fast-spatial", 350, "ms">; static readonly StandardDefaultSpatial: Duration<"--md-sys-motion-duration-standard-default-spatial", 500, "ms">; static readonly StandardSlowSpatial: Duration<"--md-sys-motion-duration-standard-slow-spatial", 750, "ms">; static readonly StandardFastEffects: Duration<"--md-sys-motion-duration-standard-fast-effects", 150, "ms">; static readonly StandardDefaultEffects: Duration<"--md-sys-motion-duration-standard-default-effects", 200, "ms">; static readonly StandardSlowEffects: Duration<"--md-sys-motion-duration-standard-slow-effects", 300, "ms">; static readonly AllEnums: { readonly Short1: Duration<"--md-sys-motion-duration-short1", 50, "ms">; readonly Short2: Duration<"--md-sys-motion-duration-short2", 100, "ms">; readonly Short3: Duration<"--md-sys-motion-duration-short3", 150, "ms">; readonly Short4: Duration<"--md-sys-motion-duration-short4", 200, "ms">; readonly Medium1: Duration<"--md-sys-motion-duration-medium1", 250, "ms">; readonly Medium2: Duration<"--md-sys-motion-duration-medium2", 300, "ms">; readonly Medium3: Duration<"--md-sys-motion-duration-medium3", 350, "ms">; readonly Medium4: Duration<"--md-sys-motion-duration-medium4", 400, "ms">; readonly Long1: Duration<"--md-sys-motion-duration-long1", 450, "ms">; readonly Long2: Duration<"--md-sys-motion-duration-long2", 500, "ms">; readonly Long3: Duration<"--md-sys-motion-duration-long3", 550, "ms">; readonly Long4: Duration<"--md-sys-motion-duration-long4", 600, "ms">; readonly ExtraLong1: Duration<"--md-sys-motion-duration-extra-long1", 700, "ms">; readonly ExtraLong2: Duration<"--md-sys-motion-duration-extra-long2", 800, "ms">; readonly ExtraLong3: Duration<"--md-sys-motion-duration-extra-long3", 900, "ms">; readonly ExtraLong4: Duration<"--md-sys-motion-duration-extra-long4", 1000, "ms">; readonly ExpressiveFastSpatial: Duration<"--md-sys-motion-duration-expressive-fast-spatial", 350, "ms">; readonly ExpressiveDefaultSpatial: Duration<"--md-sys-motion-duration-expressive-default-spatial", 500, "ms">; readonly ExpressiveSlowSpatial: Duration<"--md-sys-motion-duration-expressive-slow-spatial", 650, "ms">; readonly ExpressiveFastEffects: Duration<"--md-sys-motion-duration-expressive-fast-effects", 150, "ms">; readonly ExpressiveDefaultEffects: Duration<"--md-sys-motion-duration-expressive-default-effects", 200, "ms">; readonly ExpressiveSlowEffects: Duration<"--md-sys-motion-duration-expressive-slow-effects", 300, "ms">; readonly StandardFastSpatial: Duration<"--md-sys-motion-duration-standard-fast-spatial", 350, "ms">; readonly StandardDefaultSpatial: Duration<"--md-sys-motion-duration-standard-default-spatial", 500, "ms">; readonly StandardSlowSpatial: Duration<"--md-sys-motion-duration-standard-slow-spatial", 750, "ms">; readonly StandardFastEffects: Duration<"--md-sys-motion-duration-standard-fast-effects", 150, "ms">; readonly StandardDefaultEffects: Duration<"--md-sys-motion-duration-standard-default-effects", 200, "ms">; readonly StandardSlowEffects: Duration<"--md-sys-motion-duration-standard-slow-effects", 300, "ms">; }; }