UNPKG

3.29 kBTypeScriptView Raw
1export interface BadgeClasses {
2 /** Styles applied to the root element. */
3 root: string;
4 /** Styles applied to the badge `span` element. */
5 badge: string;
6 /** Styles applied to the badge `span` element if `variant="dot"`. */
7 dot: string;
8 /** Styles applied to the badge `span` element if `variant="standard"`. */
9 standard: string;
10 /** Styles applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }}`. */
11 anchorOriginTopRight: string;
12 /** Styles applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }}`. */
13 anchorOriginBottomRight: string;
14 /** Styles applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }}`. */
15 anchorOriginTopLeft: string;
16 /** Styles applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }}`. */
17 anchorOriginBottomLeft: string;
18 /** State class applied to the badge `span` element if `invisible={true}`. */
19 invisible: string;
20 /** Styles applied to the badge `span` element if `color="primary"`. */
21 colorPrimary: string;
22 /** Styles applied to the badge `span` element if `color="secondary"`. */
23 colorSecondary: string;
24 /** Styles applied to the badge `span` element if `color="error"`. */
25 colorError: string;
26 /** Styles applied to the badge `span` element if `color="info"`. */
27 colorInfo: string;
28 /** Styles applied to the badge `span` element if `color="success"`. */
29 colorSuccess: string;
30 /** Styles applied to the badge `span` element if `color="warning"`. */
31 colorWarning: string;
32 /** Styles applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap="rectangular"`. */
33 anchorOriginTopRightRectangular: string;
34 /** Styles applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap="rectangular"`. */
35 anchorOriginBottomRightRectangular: string;
36 /** Styles applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap="rectangular"`. */
37 anchorOriginTopLeftRectangular: string;
38 /** Styles applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap="rectangular"`. */
39 anchorOriginBottomLeftRectangular: string;
40 /** Styles applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap="circular"`. */
41 anchorOriginTopRightCircular: string;
42 /** Styles applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap="circular"`. */
43 anchorOriginBottomRightCircular: string;
44 /** Styles applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap="circular"`. */
45 anchorOriginTopLeftCircular: string;
46 /** Styles applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap="circular"`. */
47 anchorOriginBottomLeftCircular: string;
48 /** Styles applied to the badge `span` element if `overlap="rectangular"`. */
49 overlapRectangular: string;
50 /** Styles applied to the badge `span` element if `overlap="circular"`. */
51 overlapCircular: string;
52}
53export type BadgeClassKey = keyof BadgeClasses;
54export declare function getBadgeUtilityClass(slot: string): string;
55declare const badgeClasses: BadgeClasses;
56export default badgeClasses;