UNPKG

1.66 kBTypeScriptView Raw
1export interface SliderClasses {
2 /** Class name applied to the root element. */
3 root: string;
4 /** Class name applied to the root element if `marks` is provided with at least one label. */
5 marked: string;
6 /** Class name applied to the root element if `orientation="vertical"`. */
7 vertical: string;
8 /** State class applied to the root and thumb element if `disabled={true}`. */
9 disabled: string;
10 /** State class applied to the root if a thumb is being dragged. */
11 dragging: string;
12 /** Class name applied to the rail element. */
13 rail: string;
14 /** Class name applied to the track element. */
15 track: string;
16 /** Class name applied to the root element if `track={false}`. */
17 trackFalse: string;
18 /** Class name applied to the root element if `track="inverted"`. */
19 trackInverted: string;
20 /** Class name applied to the thumb element. */
21 thumb: string;
22 /** State class applied to the thumb element if it's active. */
23 active: string;
24 /** State class applied to the thumb element if keyboard focused. */
25 focusVisible: string;
26 /** Class name applied to the mark element. */
27 mark: string;
28 /** Class name applied to the mark element if active (depending on the value). */
29 markActive: string;
30 /** Class name applied to the mark label element. */
31 markLabel: string;
32 /** Class name applied to the mark label element if active (depending on the value). */
33 markLabelActive: string;
34}
35export type SliderClassKey = keyof SliderClasses;
36export declare function getSliderUtilityClass(slot: string): string;
37export declare const sliderClasses: SliderClasses;