UNPKG

@sandlada/mdc

Version:

@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.

mdc.sandlada.com

sandlada/mdc

84 lines • 7.43 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
82
83
84
export declare const SwitchDefinition: { readonly 'icon-color-selected': "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-10, #21005d))"; readonly 'icon-size-selected': "16px"; readonly 'icon-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))"; readonly 'icon-size-unselected': "16px"; readonly 'track-height': "32px"; readonly 'track-width': "52px"; readonly 'track-outline-color': "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))"; readonly 'track-outline-width': "2px"; readonly 'track-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'track-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))"; readonly 'handle-height-selected': "24px"; readonly 'handle-height-unselected': "16px"; readonly 'with-icon-handle-height': "24px"; readonly 'handle-width-selected': "24px"; readonly 'handle-width-unselected': "16px"; readonly 'with-icon-handle-width': "24px"; readonly 'handle-color-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))"; readonly 'handle-color-unselected': "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))"; readonly 'state-layer-size': "40px"; readonly 'disabled-icon-color-selected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly 'disabled-icon-opacity-selected': "0.38"; readonly 'disabled-icon-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))"; readonly 'disabled-icon-opacity-unselected': "0.38"; readonly 'disabled-track-opacity': "0.12"; readonly 'disabled-track-color-selected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly 'disabled-track-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))"; readonly 'disabled-track-outline-color-unselected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly 'disabled-handle-opacity-unselected': "0.38"; readonly 'disabled-handle-opacity-selected': "1"; readonly 'disabled-handle-color-selected': "var(--md-sys-color-surface, var(--md-sys-palette-neutral-98, #fef7ff))"; readonly 'disabled-handle-color-unselected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly 'hovered-icon-color-selected': "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-10, #21005d))"; readonly 'hovered-icon-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))"; readonly 'hovered-track-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'hovered-state-layer-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'hovered-state-layer-opacity-selected': "0.08"; readonly 'hovered-track-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))"; readonly 'hovered-track-outline-color-unselected': "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))"; readonly 'hovered-state-layer-color-unselected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly 'hovered-state-layer-opacity-unselected': "0.08"; readonly 'hovered-handle-color-selected': "var(--md-sys-color-primary-container, var(--md-sys-palette-primary-90, #eaddff))"; readonly 'hovered-handle-color-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))"; readonly 'focused-indicator-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))"; readonly 'focused-indicator-thickness': "3px"; readonly 'focused-indicator-offset': "2px"; readonly 'focused-icon-color-selected': "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-10, #21005d))"; readonly 'focused-icon-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))"; readonly 'focused-track-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'focused-state-layer-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'focused-state-layer-opacity-selected': "0.12"; readonly 'focused-track-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))"; readonly 'focused-track-outline-color-unselected': "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))"; readonly 'focused-state-layer-color-unselected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly 'focused-state-layer-opacity-unselected': "0.12"; readonly 'focused-handle-color-selected': "var(--md-sys-color-primary-container, var(--md-sys-palette-primary-90, #eaddff))"; readonly 'focused-handle-color-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))"; readonly 'pressed-icon-color-selected': "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-10, #21005d))"; readonly 'pressed-icon-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))"; readonly 'pressed-track-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'pressed-state-layer-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'pressed-state-layer-opacity-selected': "0.12"; readonly 'pressed-track-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))"; readonly 'pressed-track-outline-color-unselected': "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))"; readonly 'pressed-state-layer-color-unselected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly 'pressed-state-layer-opacity-unselected': "0.12"; readonly 'pressed-handle-color-selected': "var(--md-sys-color-primary-container, var(--md-sys-palette-primary-90, #eaddff))"; readonly 'pressed-handle-color-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))"; readonly 'pressed-handle-height': "28px"; readonly 'pressed-handle-width': "28px"; readonly "state-layer-shape-start-start": string; readonly "state-layer-shape-start-end": string; readonly "state-layer-shape-end-end": string; readonly "state-layer-shape-end-start": string; readonly "track-shape-start-start": string; readonly "track-shape-start-end": string; readonly "track-shape-end-end": string; readonly "track-shape-end-start": string; readonly "handle-shape-start-start": string; readonly "handle-shape-start-end": string; readonly "handle-shape-end-end": string; readonly "handle-shape-end-start": string; }; //# sourceMappingURL=switch.definition.d.ts.map