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

80 lines • 5.73 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
export declare const SliderDefinition: { readonly 'extra-small-active-track-height': "16px"; readonly 'extra-small-active-track-leading-shape': "8px"; readonly 'extra-small-inactive-track-height': "16px"; readonly 'extra-small-inactive-track-trailing-shape': "8px"; readonly 'extra-small-active-handle-height': "44px"; readonly 'small-active-track-height': "24px"; readonly 'small-active-track-leading-shape': "8px"; readonly 'small-inactive-track-height': "24px"; readonly 'small-inactive-track-trailing-shape': "8px"; readonly 'small-active-handle-height': "44px"; readonly 'medium-active-track-height': "40px"; readonly 'medium-active-track-leading-shape': "12px"; readonly 'medium-inactive-track-height': "40px"; readonly 'medium-inactive-track-trailing-shape': "12px"; readonly 'medium-active-handle-height': "44px"; readonly 'large-active-track-height': "56px"; readonly 'large-active-track-leading-shape': "16px"; readonly 'large-inactive-track-height': "56px"; readonly 'large-inactive-track-trailing-shape': "16px"; readonly 'large-active-handle-height': "68px"; readonly 'extra-large-active-track-height': "96px"; readonly 'extra-large-active-track-leading-shape': "28px"; readonly 'extra-large-inactive-track-height': "96px"; readonly 'extra-large-inactive-track-trailing-shape': "28px"; readonly 'extra-large-active-handle-height': "108px"; readonly 'medium-icon-padding': "6px"; readonly 'medium-icon-size': "24px"; readonly 'large-icon-padding': "6px"; readonly 'large-icon-size': "24px"; readonly 'extra-large-icon-padding': "8px"; readonly 'extra-large-icon-size': "32px"; readonly 'stop-indicator-size': "4px"; readonly 'stop-indicator-shape': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'stop-indicator-trailing-space': "4px"; readonly 'active-stop-indicator-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))"; readonly 'inactive-stop-indicator-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))"; readonly 'active-stop-indicator-container-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))"; readonly 'active-stop-indicator-container-opacity': "1"; readonly 'inactive-stop-indicator-container-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))"; readonly 'inactive-stop-indicator-container-opacity': "1"; readonly 'active-track-inner-corner-size': "2px"; readonly 'active-track-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'inactive-track-color': "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))"; readonly 'handle-width': "4px"; readonly 'active-handle-width': "4px"; readonly 'handle-shape': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'active-handle-shape': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'handle-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'active-handle-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'active-handle-leading-space': "6px"; readonly 'active-handle-trailing-space': "6px"; readonly 'active-handle-padding': "6px"; readonly 'disabled-active-stop-indicator-color': "var(--md-sys-color-inverse-on-surface, var(--md-sys-palette-neutral-95, #f5eff7))"; readonly 'disabled-inactive-stop-indicator-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly 'disabled-active-track-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly 'disabled-inactive-track-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly 'disabled-active-track-opacity': "0.38"; readonly 'disabled-inactive-track-opacity': "0.12"; readonly 'disabled-handle-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly 'disabled-handle-opacity': "0.38"; readonly 'disabled-handle-width': "4px"; readonly 'hover-handle-width': "4px"; readonly 'focus-active-track-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'focus-inactive-track-color': "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))"; readonly 'focus-handle-width': "2px"; readonly 'pressed-handle-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'pressed-handle-width': "2px"; readonly 'pressed-active-track-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'pressed-inactive-track-color': "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))"; readonly 'pressed-inactive-container-color': "var(--md-sys-color-inverse-surface, var(--md-sys-palette-neutral-20, #322f35))"; readonly 'pressed-value-indicator-label-color': "var(--md-sys-color-inverse-on-surface, var(--md-sys-palette-neutral-95, #f5eff7))"; readonly 'pressed-value-indicator-label-font': "Roboto"; readonly 'pressed-value-indicator-label-line-height': "20px"; readonly 'pressed-value-indicator-label-size': "14px"; readonly 'pressed-value-indicator-label-tracking': "0.1px"; readonly 'pressed-value-indicator-label-weight': "500"; readonly 'pressed-value-indicator-active-bottom-space': "12px"; }; //# sourceMappingURL=slider.definition.d.ts.map