UNPKG

3.33 kBTypeScriptView Raw
1export interface SliderClasses {
2 /** Styles applied to the root element. */
3 root: string;
4 /** Styles applied to the root element if `color="primary"`. */
5 colorPrimary: string;
6 /** Styles applied to the root element if `color="secondary"`. */
7 colorSecondary: string;
8 /** Styles applied to the root element if `color="error"`. */
9 colorError: string;
10 /** Styles applied to the root element if `color="info"`. */
11 colorInfo: string;
12 /** Styles applied to the root element if `color="success"`. */
13 colorSuccess: string;
14 /** Styles applied to the root element if `color="warning"`. */
15 colorWarning: string;
16 /** Styles applied to the root element if `marks` is provided with at least one label. */
17 marked: string;
18 /** Styles applied to the root element if `orientation="vertical"`. */
19 vertical: string;
20 /** State class applied to the root and thumb element if `disabled={true}`. */
21 disabled: string;
22 /** State class applied to the root if a thumb is being dragged. */
23 dragging: string;
24 /** Styles applied to the rail element. */
25 rail: string;
26 /** Styles applied to the track element. */
27 track: string;
28 /** Styles applied to the root element if `track={false}`. */
29 trackFalse: string;
30 /** Styles applied to the root element if `track="inverted"`. */
31 trackInverted: string;
32 /** Styles applied to the thumb element. */
33 thumb: string;
34 /** State class applied to the thumb element if it's active. */
35 active: string;
36 /** State class applied to the thumb element if keyboard focused. */
37 focusVisible: string;
38 /** Styles applied to the mark element. */
39 mark: string;
40 /** Styles applied to the mark element if active (depending on the value). */
41 markActive: string;
42 /** Styles applied to the mark label element. */
43 markLabel: string;
44 /** Styles applied to the mark label element if active (depending on the value). */
45 markLabelActive: string;
46 /** Styles applied to the root element if `size="small"`. */
47 sizeSmall: string;
48 /** Styles applied to the thumb element if `color="primary"`. */
49 thumbColorPrimary: string;
50 /** Styles applied to the thumb element if `color="secondary"`. */
51 thumbColorSecondary: string;
52 /** Styles applied to the thumb element if `color="error"`. */
53 thumbColorError: string;
54 /** Styles applied to the thumb element if `color="info"`. */
55 thumbColorInfo: string;
56 /** Styles applied to the thumb element if `color="success"`. */
57 thumbColorSuccess: string;
58 /** Styles applied to the thumb element if `color="warning"`. */
59 thumbColorWarning: string;
60 /** Styles applied to the thumb element if `size="small"`. */
61 thumbSizeSmall: string;
62 /** Styles applied to the thumb label element. */
63 valueLabel: string;
64 /** Styles applied to the thumb label element if it's open. */
65 valueLabelOpen: string;
66 /** Styles applied to the thumb label's circle element. */
67 valueLabelCircle: string;
68 /** Styles applied to the thumb label's label element. */
69 valueLabelLabel: string;
70}
71export type SliderClassKey = keyof SliderClasses;
72export declare function getSliderUtilityClass(slot: string): string;
73declare const sliderClasses: SliderClasses;
74export default sliderClasses;