forked from mui/material-ui
-
Notifications
You must be signed in to change notification settings - Fork 0
/
sliderUnstyledClasses.ts
77 lines (72 loc) · 2.59 KB
/
sliderUnstyledClasses.ts
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
import generateUtilityClasses from '../generateUtilityClasses';
import generateUtilityClass from '../generateUtilityClass';
export interface SliderUnstyledClasses {
/** Class name applied to the root element. */
root: string;
/** Class name applied to the root element if `marks` is provided with at least one label. */
marked: string;
/** Class name applied to the root element if `orientation="vertical"`. */
vertical: string;
/** State class applied to the root and thumb element if `disabled={true}`. */
disabled: string;
/** State class applied to the root if a thumb is being dragged. */
dragging: string;
/** Class name applied to the rail element. */
rail: string;
/** Class name applied to the track element. */
track: string;
/** Class name applied to the root element if `track={false}`. */
trackFalse: string;
/** Class name applied to the root element if `track="inverted"`. */
trackInverted: string;
/** Class name applied to the thumb element. */
thumb: string;
/** State class applied to the thumb element if it's active. */
active: string;
/** State class applied to the thumb element if keyboard focused. */
focusVisible: string;
/** Class name applied to the thumb label element. */
valueLabel: string;
/** Class name applied to the thumb label element if it's open. */
valueLabelOpen: string;
/** Class name applied to the thumb label's circle element. */
valueLabelCircle: string;
/** Class name applied to the thumb label's label element. */
valueLabelLabel: string;
/** Class name applied to the mark element. */
mark: string;
/** Class name applied to the mark element if active (depending on the value). */
markActive: string;
/** Class name applied to the mark label element. */
markLabel: string;
/** Class name applied to the mark label element if active (depending on the value). */
markLabelActive: string;
}
export type SliderUnstyledClassKey = keyof SliderUnstyledClasses;
// TODO: change `MuiSlider` to 'BaseSlider` after it's possible to customize the prefix from Material UI components.
export function getSliderUtilityClass(slot: string): string {
return generateUtilityClass('MuiSlider', slot);
}
const sliderUnstyledClasses: SliderUnstyledClasses = generateUtilityClasses('MuiSlider', [
'root',
'active',
'focusVisible',
'disabled',
'dragging',
'marked',
'vertical',
'trackInverted',
'trackFalse',
'rail',
'track',
'mark',
'markActive',
'markLabel',
'markLabelActive',
'thumb',
'valueLabel',
'valueLabelOpen',
'valueLabelCircle',
'valueLabelLabel',
]);
export default sliderUnstyledClasses;