1 | export interface ButtonClasses {
|
2 | /** Styles applied to the root element. */
|
3 | root: string;
|
4 | /** Styles applied to the root element if `variant="text"`. */
|
5 | text: string;
|
6 | /** Styles applied to the root element if `variant="text"` and `color="inherit"`.
|
7 | * @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorInherit](/material-ui/api/button/#button-classes-colorInherit) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
8 | */
|
9 | textInherit: string;
|
10 | /** Styles applied to the root element if `variant="text"` and `color="primary"`.
|
11 | * @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorPrimary](/material-ui/api/button/#button-classes-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
12 | */
|
13 | textPrimary: string;
|
14 | /** Styles applied to the root element if `variant="text"` and `color="secondary"`.
|
15 | * @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorSecondary](/material-ui/api/button/#button-classes-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
16 | */
|
17 | textSecondary: string;
|
18 | /** Styles applied to the root element if `variant="text"` and `color="success"`.
|
19 | * @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorSuccess](/material-ui/api/button/#button-classes-colorSuccess) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
20 | */
|
21 | textSuccess: string;
|
22 | /** Styles applied to the root element if `variant="text"` and `color="error"`.
|
23 | * @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorError](/material-ui/api/button/#button-classes-colorError) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
24 | */
|
25 | textError: string;
|
26 | /** Styles applied to the root element if `variant="text"` and `color="info"`.
|
27 | * @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorInfo](/material-ui/api/button/#button-classes-colorInfo) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
28 | */
|
29 | textInfo: string;
|
30 | /** Styles applied to the root element if `variant="text"` and `color="warning"`.
|
31 | * @deprecated Combine the [.MuiButton-text](/material-ui/api/button/#button-classes-text) and [.MuiButton-colorWarning](/material-ui/api/button/#button-classes-colorWarning) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
32 | */
|
33 | textWarning: string;
|
34 | /** Styles applied to the root element if `variant="outlined"`. */
|
35 | outlined: string;
|
36 | /** Styles applied to the root element if `variant="outlined"` and `color="inherit"`.
|
37 | * @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorInherit](/material-ui/api/button/#button-classes-colorInherit) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
38 | */
|
39 | outlinedInherit: string;
|
40 | /** Styles applied to the root element if `variant="outlined"` and `color="primary"`.
|
41 | * @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorPrimary](/material-ui/api/button/#button-classes-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
42 | */
|
43 | outlinedPrimary: string;
|
44 | /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`.
|
45 | * @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorSecondary](/material-ui/api/button/#button-classes-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
46 | */
|
47 | outlinedSecondary: string;
|
48 | /** Styles applied to the root element if `variant="outlined"` and `color="success"`.
|
49 | * @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorSuccess](/material-ui/api/button/#button-classes-colorSuccess) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
50 | */
|
51 | outlinedSuccess: string;
|
52 | /** Styles applied to the root element if `variant="outlined"` and `color="error"`.
|
53 | * @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorError](/material-ui/api/button/#button-classes-colorError) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
54 | */
|
55 | outlinedError: string;
|
56 | /** Styles applied to the root element if `variant="outlined"` and `color="info"`.
|
57 | * @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorInfo](/material-ui/api/button/#button-classes-colorInfo) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
58 | */
|
59 | outlinedInfo: string;
|
60 | /** Styles applied to the root element if `variant="outlined"` and `color="warning"`.
|
61 | * @deprecated Combine the [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) and [.MuiButton-colorWarning](/material-ui/api/button/#button-classes-colorWarning) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
62 | */
|
63 | outlinedWarning: string;
|
64 | /** Styles applied to the root element if `variant="contained"`. */
|
65 | contained: string;
|
66 | /** Styles applied to the root element if `variant="contained"` and `color="inherit"`.
|
67 | * @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorInherit](/material-ui/api/button/#button-classes-colorInherit) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
68 | */
|
69 | containedInherit: string;
|
70 | /** Styles applied to the root element if `variant="contained"` and `color="primary"`.
|
71 | * @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorPrimary](/material-ui/api/button/#button-classes-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
72 | */
|
73 | containedPrimary: string;
|
74 | /** Styles applied to the root element if `variant="contained"` and `color="secondary"`.
|
75 | * @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorSecondary](/material-ui/api/button/#button-classes-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
76 | */
|
77 | containedSecondary: string;
|
78 | /** Styles applied to the root element if `variant="contained"` and `color="success"`.
|
79 | * @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorSuccess](/material-ui/api/button/#button-classes-colorSuccess) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
80 | */
|
81 | containedSuccess: string;
|
82 | /** Styles applied to the root element if `variant="contained"` and `color="info"`.
|
83 | * @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorInfo](/material-ui/api/button/#button-classes-colorInfo) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
84 | */
|
85 | containedInfo: string;
|
86 | /** Styles applied to the root element if `variant="contained"` and `color="error"`.
|
87 | * @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorError](/material-ui/api/button/#button-classes-colorError) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
88 | */
|
89 | containedError: string;
|
90 | /** Styles applied to the root element if `variant="contained"` and `color="warning"`.
|
91 | * @deprecated Combine the [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) and [.MuiButton-colorWarning](/material-ui/api/button/#button-classes-colorWarning) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
92 | */
|
93 | containedWarning: string;
|
94 | /** Styles applied to the root element if `disableElevation={true}`. */
|
95 | disableElevation: string;
|
96 | /** State class applied to the ButtonBase root element if the button is keyboard focused. */
|
97 | focusVisible: string;
|
98 | /** State class applied to the root element if `disabled={true}`. */
|
99 | disabled: string;
|
100 | /** Styles applied to the root element if `color="inherit"`. */
|
101 | colorInherit: string;
|
102 | /** Styles applied to the root element if `size="small"` and `variant="text"`.
|
103 | * @deprecated Combine the [.MuiButton-sizeSmall](/material-ui/api/button/#button-classes-sizeSmall) and [.MuiButton-text](/material-ui/api/button/#button-classes-text) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
104 | */
|
105 | textSizeSmall: string;
|
106 | /** Styles applied to the root element if `size="medium"` and `variant="text"`.
|
107 | * @deprecated Combine the [.MuiButton-sizeMedium](/material-ui/api/button/#button-classes-sizeMedium) and [.MuiButton-text](/material-ui/api/button/#button-classes-text) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
108 | */
|
109 | textSizeMedium: string;
|
110 | /** Styles applied to the root element if `size="large"` and `variant="text"`.
|
111 | * @deprecated Combine the [.MuiButton-sizeLarge](/material-ui/api/button/#button-classes-sizeLarge) and [.MuiButton-text](/material-ui/api/button/#button-classes-text) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
112 | */
|
113 | textSizeLarge: string;
|
114 | /** Styles applied to the root element if `size="small"` and `variant="outlined"`.
|
115 | * @deprecated Combine the [.MuiButton-sizeSmall](/material-ui/api/button/#button-classes-sizeSmall) and [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
116 | */
|
117 | outlinedSizeSmall: string;
|
118 | /** Styles applied to the root element if `size="medium"` and `variant="outlined"`.
|
119 | * @deprecated Combine the [.MuiButton-sizeMedium](/material-ui/api/button/#button-classes-sizeMedium) and [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
120 | */
|
121 | outlinedSizeMedium: string;
|
122 | /** Styles applied to the root element if `size="large"` and `variant="outlined"`.
|
123 | * @deprecated Combine the [.MuiButton-sizeLarge](/material-ui/api/button/#button-classes-sizeLarge) and [.MuiButton-outlined](/material-ui/api/button/#button-classes-outlined) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
124 | */
|
125 | outlinedSizeLarge: string;
|
126 | /** Styles applied to the root element if `size="small"` and `variant="contained"`.
|
127 | * @deprecated Combine the [.MuiButton-sizeSmall](/material-ui/api/button/#button-classes-sizeSmall) and [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
128 | */
|
129 | containedSizeSmall: string;
|
130 | /** Styles applied to the root element if `size="medium"` and `variant="contained"`.
|
131 | * @deprecated Combine the [.MuiButton-sizeMedium](/material-ui/api/button/#button-classes-sizeMedium) and [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
132 | */
|
133 | containedSizeMedium: string;
|
134 | /** Styles applied to the root element if `size="large"` and `variant="contained"`.
|
135 | * @deprecated Combine the [.MuiButton-sizeLarge](/material-ui/api/button/#button-classes-sizeLarge) and [.MuiButton-contained](/material-ui/api/button/#button-classes-contained) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
136 | */
|
137 | containedSizeLarge: string;
|
138 | /** Styles applied to the root element if `size="small"`. */
|
139 | sizeSmall: string;
|
140 | /** Styles applied to the root element if `size="medium"`. */
|
141 | sizeMedium: string;
|
142 | /** Styles applied to the root element if `size="large"`. */
|
143 | sizeLarge: string;
|
144 | /** Styles applied to the root element if `fullWidth={true}`. */
|
145 | fullWidth: string;
|
146 | /** Styles applied to the icon element if supplied */
|
147 | icon: string;
|
148 | /** Styles applied to the startIcon element if supplied. */
|
149 | startIcon: string;
|
150 | /** Styles applied to the endIcon element if supplied. */
|
151 | endIcon: string;
|
152 | /** Styles applied to the icon element if supplied and `size="small"`.
|
153 | * @deprecated Combine the [.MuiButton-icon](/material-ui/api/button/#button-classes-icon) and [.MuiButtonSizeSmall](/material-ui/api/button/#button-classes-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
154 | */
|
155 | iconSizeSmall: string;
|
156 | /** Styles applied to the icon element if supplied and `size="medium"`.
|
157 | * @deprecated Combine the [.MuiButton-icon](/material-ui/api/button/#button-classes-icon) and [.MuiButtonSizeMedium](/material-ui/api/button/#button-classes-sizeMedium) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
158 | */
|
159 | iconSizeMedium: string;
|
160 | /** Styles applied to the icon element if supplied and `size="large"`.
|
161 | * @deprecated Combine the [.MuiButton-icon](/material-ui/api/button/#button-classes-icon) and [.MuiButtonSizeLarge](/material-ui/api/button/#button-classes-sizeLarge) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
162 | */
|
163 | iconSizeLarge: string;
|
164 | /** Styles applied to the root element if `color="primary"`. */
|
165 | colorPrimary: string;
|
166 | /** Styles applied to the root element if `color="secondary"`. */
|
167 | colorSecondary: string;
|
168 | /** Styles applied to the root element if `color="success"`. */
|
169 | colorSuccess: string;
|
170 | /** Styles applied to the root element if `color="error"`. */
|
171 | colorError: string;
|
172 | /** Styles applied to the root element if `color="info"`. */
|
173 | colorInfo: string;
|
174 | /** Styles applied to the root element if `color="warning"`. */
|
175 | colorWarning: string;
|
176 | }
|
177 | export type ButtonClassKey = keyof ButtonClasses;
|
178 | export declare function getButtonUtilityClass(slot: string): string;
|
179 | declare const buttonClasses: ButtonClasses;
|
180 | export default buttonClasses;
|