@selfcommunity/react-theme-default 1.2.13 → 1.2.14-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/components/SCLeaderboardInfoWidget.d.ts +25 -0
- package/lib/cjs/components/SCLeaderboardInfoWidget.js +27 -0
- package/lib/cjs/components/SCLeaderboardPositionWidget.d.ts +49 -0
- package/lib/cjs/components/SCLeaderboardPositionWidget.js +52 -0
- package/lib/cjs/components/SCLeaderboardWidget.d.ts +148 -0
- package/lib/cjs/components/SCLeaderboardWidget.js +151 -0
- package/lib/cjs/index.d.ts +219 -3
- package/lib/cjs/index.js +6 -0
- package/lib/esm/components/SCLeaderboardInfoWidget.d.ts +25 -0
- package/lib/esm/components/SCLeaderboardInfoWidget.js +25 -0
- package/lib/esm/components/SCLeaderboardPositionWidget.d.ts +49 -0
- package/lib/esm/components/SCLeaderboardPositionWidget.js +50 -0
- package/lib/esm/components/SCLeaderboardWidget.d.ts +148 -0
- package/lib/esm/components/SCLeaderboardWidget.js +149 -0
- package/lib/esm/index.d.ts +219 -3
- package/lib/esm/index.js +6 -0
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: any) => {
|
|
4
|
+
'& .SCLeaderboardInfoWidget-item-icon': {
|
|
5
|
+
backgroundColor: any;
|
|
6
|
+
};
|
|
7
|
+
'& .SCLeaderboardInfoWidget-item-icon-glyph': {
|
|
8
|
+
display: string;
|
|
9
|
+
width: number;
|
|
10
|
+
height: number;
|
|
11
|
+
backgroundColor: any;
|
|
12
|
+
maskRepeat: string;
|
|
13
|
+
maskPosition: string;
|
|
14
|
+
maskSize: string;
|
|
15
|
+
WebkitMaskRepeat: string;
|
|
16
|
+
WebkitMaskPosition: string;
|
|
17
|
+
WebkitMaskSize: string;
|
|
18
|
+
};
|
|
19
|
+
'& .SCLeaderboardInfoWidget-item-description': {
|
|
20
|
+
color: any;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
export default Component;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const Component = {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
root: ({ theme }) => ({
|
|
6
|
+
'& .SCLeaderboardInfoWidget-item-icon': {
|
|
7
|
+
backgroundColor: theme.palette.action.hover
|
|
8
|
+
},
|
|
9
|
+
'& .SCLeaderboardInfoWidget-item-icon-glyph': {
|
|
10
|
+
display: 'inline-block',
|
|
11
|
+
width: 18,
|
|
12
|
+
height: 18,
|
|
13
|
+
backgroundColor: theme.palette.primary.main,
|
|
14
|
+
maskRepeat: 'no-repeat',
|
|
15
|
+
maskPosition: 'center',
|
|
16
|
+
maskSize: 'contain',
|
|
17
|
+
WebkitMaskRepeat: 'no-repeat',
|
|
18
|
+
WebkitMaskPosition: 'center',
|
|
19
|
+
WebkitMaskSize: 'contain'
|
|
20
|
+
},
|
|
21
|
+
'& .SCLeaderboardInfoWidget-item-description': {
|
|
22
|
+
color: theme.palette.text.secondary
|
|
23
|
+
}
|
|
24
|
+
})
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
exports.default = Component;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: any) => {
|
|
4
|
+
borderRadius: number;
|
|
5
|
+
overflow: string;
|
|
6
|
+
'& .SCLeaderboardPositionWidget-title': {
|
|
7
|
+
fontWeight: any;
|
|
8
|
+
marginBottom: any;
|
|
9
|
+
};
|
|
10
|
+
'& .SCLeaderboardPositionWidget-user': {
|
|
11
|
+
padding: any;
|
|
12
|
+
marginBottom: any;
|
|
13
|
+
textDecoration: string;
|
|
14
|
+
cursor: string;
|
|
15
|
+
};
|
|
16
|
+
'& .SCLeaderboardPositionWidget-user-name': {
|
|
17
|
+
color: any;
|
|
18
|
+
};
|
|
19
|
+
'& .SCLeaderboardPositionWidget-footer': {
|
|
20
|
+
margin: any;
|
|
21
|
+
padding: any;
|
|
22
|
+
backgroundColor: string;
|
|
23
|
+
};
|
|
24
|
+
'& .SCLeaderboardPositionWidget-position': {
|
|
25
|
+
fontWeight: any;
|
|
26
|
+
};
|
|
27
|
+
'& .SCLeaderboardPositionWidget-score': {
|
|
28
|
+
color: any;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
skeletonRoot: ({ theme }: any) => {
|
|
32
|
+
borderRadius: number;
|
|
33
|
+
overflow: string;
|
|
34
|
+
'& .SCLeaderboardPositionWidget-header': {
|
|
35
|
+
marginBottom: any;
|
|
36
|
+
};
|
|
37
|
+
'& .SCLeaderboardPositionWidget-user': {
|
|
38
|
+
padding: any;
|
|
39
|
+
marginBottom: any;
|
|
40
|
+
};
|
|
41
|
+
'& .SCLeaderboardPositionWidget-footer': {
|
|
42
|
+
margin: any;
|
|
43
|
+
padding: any;
|
|
44
|
+
backgroundColor: string;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
export default Component;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const material_1 = require("@mui/material");
|
|
4
|
+
const Component = {
|
|
5
|
+
styleOverrides: {
|
|
6
|
+
root: ({ theme }) => ({
|
|
7
|
+
borderRadius: theme.shape.borderRadius * 2,
|
|
8
|
+
overflow: 'hidden',
|
|
9
|
+
'& .SCLeaderboardPositionWidget-title': {
|
|
10
|
+
fontWeight: theme.typography.fontWeightBold,
|
|
11
|
+
marginBottom: theme.spacing(2)
|
|
12
|
+
},
|
|
13
|
+
'& .SCLeaderboardPositionWidget-user': {
|
|
14
|
+
padding: theme.spacing(1.5),
|
|
15
|
+
marginBottom: theme.spacing(2),
|
|
16
|
+
textDecoration: 'none',
|
|
17
|
+
cursor: 'pointer'
|
|
18
|
+
},
|
|
19
|
+
'& .SCLeaderboardPositionWidget-user-name': {
|
|
20
|
+
color: theme.palette.text.primary
|
|
21
|
+
},
|
|
22
|
+
'& .SCLeaderboardPositionWidget-footer': {
|
|
23
|
+
margin: theme.spacing(0, -2.2, -3, -2.2),
|
|
24
|
+
padding: theme.spacing(2, 2.2),
|
|
25
|
+
backgroundColor: (0, material_1.alpha)(theme.palette.primary.main, 0.3)
|
|
26
|
+
},
|
|
27
|
+
'& .SCLeaderboardPositionWidget-position': {
|
|
28
|
+
fontWeight: theme.typography.fontWeightBold
|
|
29
|
+
},
|
|
30
|
+
'& .SCLeaderboardPositionWidget-score': {
|
|
31
|
+
color: theme.palette.text.secondary
|
|
32
|
+
}
|
|
33
|
+
}),
|
|
34
|
+
skeletonRoot: ({ theme }) => ({
|
|
35
|
+
borderRadius: theme.shape.borderRadius * 2,
|
|
36
|
+
overflow: 'hidden',
|
|
37
|
+
'& .SCLeaderboardPositionWidget-header': {
|
|
38
|
+
marginBottom: theme.spacing(2)
|
|
39
|
+
},
|
|
40
|
+
'& .SCLeaderboardPositionWidget-user': {
|
|
41
|
+
padding: theme.spacing(1.5),
|
|
42
|
+
marginBottom: theme.spacing(2)
|
|
43
|
+
},
|
|
44
|
+
'& .SCLeaderboardPositionWidget-footer': {
|
|
45
|
+
margin: theme.spacing(0, -2.2, -3, -2.2),
|
|
46
|
+
padding: theme.spacing(2, 2.2),
|
|
47
|
+
backgroundColor: (0, material_1.alpha)(theme.palette.primary.main, theme.palette.action.hoverOpacity)
|
|
48
|
+
}
|
|
49
|
+
})
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
exports.default = Component;
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: any) => {
|
|
4
|
+
borderRadius: number;
|
|
5
|
+
'& .SCLeaderboardWidget-podium-header': {
|
|
6
|
+
marginBottom: any;
|
|
7
|
+
};
|
|
8
|
+
'& .SCLeaderboardWidget-podium-title': {
|
|
9
|
+
fontWeight: any;
|
|
10
|
+
};
|
|
11
|
+
'& .SCLeaderboardWidget-podium': {
|
|
12
|
+
gap: any;
|
|
13
|
+
marginBottom: any;
|
|
14
|
+
};
|
|
15
|
+
'& .SCLeaderboardWidget-podium-item': {
|
|
16
|
+
flex: string;
|
|
17
|
+
width: number;
|
|
18
|
+
};
|
|
19
|
+
'& .SCLeaderboardWidget-podium-item-1': {
|
|
20
|
+
order: number;
|
|
21
|
+
};
|
|
22
|
+
'& .SCLeaderboardWidget-podium-item-2': {
|
|
23
|
+
order: number;
|
|
24
|
+
};
|
|
25
|
+
'& .SCLeaderboardWidget-podium-item-3': {
|
|
26
|
+
order: number;
|
|
27
|
+
};
|
|
28
|
+
'& .SCLeaderboardWidget-podium-crown': {
|
|
29
|
+
position: string;
|
|
30
|
+
top: number;
|
|
31
|
+
left: string;
|
|
32
|
+
transform: string;
|
|
33
|
+
zIndex: number;
|
|
34
|
+
display: string;
|
|
35
|
+
width: number;
|
|
36
|
+
height: number;
|
|
37
|
+
backgroundColor: any;
|
|
38
|
+
maskRepeat: string;
|
|
39
|
+
maskPosition: string;
|
|
40
|
+
maskSize: string;
|
|
41
|
+
WebkitMaskRepeat: string;
|
|
42
|
+
WebkitMaskPosition: string;
|
|
43
|
+
WebkitMaskSize: string;
|
|
44
|
+
};
|
|
45
|
+
'& .SCLeaderboardWidget-podium-avatar-wrap': {
|
|
46
|
+
position: string;
|
|
47
|
+
marginBottom: any;
|
|
48
|
+
};
|
|
49
|
+
'& .SCLeaderboardWidget-podium-item-1 .SCLeaderboardWidget-podium-avatar': {
|
|
50
|
+
width: number;
|
|
51
|
+
height: number;
|
|
52
|
+
border: string;
|
|
53
|
+
};
|
|
54
|
+
'& .SCLeaderboardWidget-podium-item-2 .SCLeaderboardWidget-podium-avatar, & .SCLeaderboardWidget-podium-item-3 .SCLeaderboardWidget-podium-avatar': {
|
|
55
|
+
width: number;
|
|
56
|
+
height: number;
|
|
57
|
+
border: string;
|
|
58
|
+
};
|
|
59
|
+
'& .SCLeaderboardWidget-podium-badge': {
|
|
60
|
+
position: string;
|
|
61
|
+
bottom: number;
|
|
62
|
+
left: string;
|
|
63
|
+
transform: string;
|
|
64
|
+
display: string;
|
|
65
|
+
alignItems: string;
|
|
66
|
+
justifyContent: string;
|
|
67
|
+
width: number;
|
|
68
|
+
height: number;
|
|
69
|
+
borderRadius: string;
|
|
70
|
+
backgroundColor: any;
|
|
71
|
+
color: any;
|
|
72
|
+
fontSize: number;
|
|
73
|
+
lineHeight: number;
|
|
74
|
+
fontWeight: any;
|
|
75
|
+
border: string;
|
|
76
|
+
};
|
|
77
|
+
'& .SCLeaderboardWidget-podium-name': {
|
|
78
|
+
width: string;
|
|
79
|
+
textAlign: string;
|
|
80
|
+
overflow: string;
|
|
81
|
+
textOverflow: string;
|
|
82
|
+
whiteSpace: string;
|
|
83
|
+
};
|
|
84
|
+
'& .SCLeaderboardWidget-podium-score': {
|
|
85
|
+
color: any;
|
|
86
|
+
};
|
|
87
|
+
'& .SCLeaderboardWidget-ranking-header': {
|
|
88
|
+
marginBottom: any;
|
|
89
|
+
};
|
|
90
|
+
'& .SCLeaderboardWidget-ranking-title': {
|
|
91
|
+
fontWeight: any;
|
|
92
|
+
};
|
|
93
|
+
'& .SCLeaderboardWidget-ranking-item': {
|
|
94
|
+
padding: any;
|
|
95
|
+
borderRadius: number;
|
|
96
|
+
backgroundColor: any;
|
|
97
|
+
boxShadow: string;
|
|
98
|
+
};
|
|
99
|
+
'& .SCLeaderboardWidget-ranking-item-active': {
|
|
100
|
+
backgroundColor: any;
|
|
101
|
+
boxShadow: string;
|
|
102
|
+
'& .SCLeaderboardWidget-ranking-position, & .SCLeaderboardWidget-ranking-name, & .SCLeaderboardWidget-ranking-score': {
|
|
103
|
+
color: any;
|
|
104
|
+
};
|
|
105
|
+
};
|
|
106
|
+
'& .SCLeaderboardWidget-ranking-position': {
|
|
107
|
+
width: number;
|
|
108
|
+
color: any;
|
|
109
|
+
};
|
|
110
|
+
'& .SCLeaderboardWidget-ranking-avatar': {
|
|
111
|
+
width: number;
|
|
112
|
+
height: number;
|
|
113
|
+
};
|
|
114
|
+
'& .SCLeaderboardWidget-ranking-name': {
|
|
115
|
+
flex: number;
|
|
116
|
+
overflow: string;
|
|
117
|
+
textOverflow: string;
|
|
118
|
+
whiteSpace: string;
|
|
119
|
+
};
|
|
120
|
+
'& .SCLeaderboardWidget-ranking-score': {
|
|
121
|
+
color: any;
|
|
122
|
+
};
|
|
123
|
+
'& .SCLeaderboardWidget-see-more': {
|
|
124
|
+
display: string;
|
|
125
|
+
marginTop: any;
|
|
126
|
+
color: any;
|
|
127
|
+
cursor: string;
|
|
128
|
+
fontWeight: any;
|
|
129
|
+
};
|
|
130
|
+
};
|
|
131
|
+
skeletonRoot: ({ theme }: any) => {
|
|
132
|
+
borderRadius: number;
|
|
133
|
+
'& .SCLeaderboardWidget-podium-header': {
|
|
134
|
+
marginBottom: any;
|
|
135
|
+
};
|
|
136
|
+
'& .SCLeaderboardWidget-podium': {
|
|
137
|
+
marginBottom: any;
|
|
138
|
+
};
|
|
139
|
+
'& .SCLeaderboardWidget-ranking-header': {
|
|
140
|
+
marginBottom: any;
|
|
141
|
+
};
|
|
142
|
+
'& .SCLeaderboardWidget-ranking-item': {
|
|
143
|
+
padding: any;
|
|
144
|
+
};
|
|
145
|
+
};
|
|
146
|
+
};
|
|
147
|
+
};
|
|
148
|
+
export default Component;
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const material_1 = require("@mui/material");
|
|
4
|
+
const Component = {
|
|
5
|
+
styleOverrides: {
|
|
6
|
+
root: ({ theme }) => ({
|
|
7
|
+
borderRadius: theme.shape.borderRadius * 2,
|
|
8
|
+
'& .SCLeaderboardWidget-podium-header': {
|
|
9
|
+
marginBottom: theme.spacing(2)
|
|
10
|
+
},
|
|
11
|
+
'& .SCLeaderboardWidget-podium-title': {
|
|
12
|
+
fontWeight: theme.typography.fontWeightBold
|
|
13
|
+
},
|
|
14
|
+
'& .SCLeaderboardWidget-podium': {
|
|
15
|
+
gap: theme.spacing(2),
|
|
16
|
+
marginBottom: theme.spacing(3)
|
|
17
|
+
},
|
|
18
|
+
'& .SCLeaderboardWidget-podium-item': {
|
|
19
|
+
flex: '0 0 auto',
|
|
20
|
+
width: 90
|
|
21
|
+
},
|
|
22
|
+
'& .SCLeaderboardWidget-podium-item-1': {
|
|
23
|
+
order: 2
|
|
24
|
+
},
|
|
25
|
+
'& .SCLeaderboardWidget-podium-item-2': {
|
|
26
|
+
order: 1
|
|
27
|
+
},
|
|
28
|
+
'& .SCLeaderboardWidget-podium-item-3': {
|
|
29
|
+
order: 3
|
|
30
|
+
},
|
|
31
|
+
'& .SCLeaderboardWidget-podium-crown': {
|
|
32
|
+
position: 'absolute',
|
|
33
|
+
top: -28,
|
|
34
|
+
left: '50%',
|
|
35
|
+
transform: 'translateX(-50%)',
|
|
36
|
+
zIndex: 1,
|
|
37
|
+
display: 'inline-block',
|
|
38
|
+
width: 38,
|
|
39
|
+
height: 38,
|
|
40
|
+
backgroundColor: theme.palette.primary.main,
|
|
41
|
+
maskRepeat: 'no-repeat',
|
|
42
|
+
maskPosition: 'center',
|
|
43
|
+
maskSize: 'contain',
|
|
44
|
+
WebkitMaskRepeat: 'no-repeat',
|
|
45
|
+
WebkitMaskPosition: 'center',
|
|
46
|
+
WebkitMaskSize: 'contain'
|
|
47
|
+
},
|
|
48
|
+
'& .SCLeaderboardWidget-podium-avatar-wrap': {
|
|
49
|
+
position: 'relative',
|
|
50
|
+
marginBottom: theme.spacing(1)
|
|
51
|
+
},
|
|
52
|
+
'& .SCLeaderboardWidget-podium-item-1 .SCLeaderboardWidget-podium-avatar': {
|
|
53
|
+
width: 72,
|
|
54
|
+
height: 72,
|
|
55
|
+
border: `3px solid ${theme.palette.primary.main}`
|
|
56
|
+
},
|
|
57
|
+
'& .SCLeaderboardWidget-podium-item-2 .SCLeaderboardWidget-podium-avatar, & .SCLeaderboardWidget-podium-item-3 .SCLeaderboardWidget-podium-avatar': {
|
|
58
|
+
width: 56,
|
|
59
|
+
height: 56,
|
|
60
|
+
border: `2px solid ${theme.palette.primary.light}`
|
|
61
|
+
},
|
|
62
|
+
'& .SCLeaderboardWidget-podium-badge': {
|
|
63
|
+
position: 'absolute',
|
|
64
|
+
bottom: -6,
|
|
65
|
+
left: '50%',
|
|
66
|
+
transform: 'translateX(-50%)',
|
|
67
|
+
display: 'flex',
|
|
68
|
+
alignItems: 'center',
|
|
69
|
+
justifyContent: 'center',
|
|
70
|
+
width: 22,
|
|
71
|
+
height: 22,
|
|
72
|
+
borderRadius: '50%',
|
|
73
|
+
backgroundColor: theme.palette.primary.main,
|
|
74
|
+
color: theme.palette.primary.contrastText,
|
|
75
|
+
fontSize: 12,
|
|
76
|
+
lineHeight: 1,
|
|
77
|
+
fontWeight: theme.typography.fontWeightBold,
|
|
78
|
+
border: `2px solid ${theme.palette.background.paper}`
|
|
79
|
+
},
|
|
80
|
+
'& .SCLeaderboardWidget-podium-name': {
|
|
81
|
+
width: '100%',
|
|
82
|
+
textAlign: 'center',
|
|
83
|
+
overflow: 'hidden',
|
|
84
|
+
textOverflow: 'ellipsis',
|
|
85
|
+
whiteSpace: 'nowrap'
|
|
86
|
+
},
|
|
87
|
+
'& .SCLeaderboardWidget-podium-score': {
|
|
88
|
+
color: theme.palette.text.secondary
|
|
89
|
+
},
|
|
90
|
+
'& .SCLeaderboardWidget-ranking-header': {
|
|
91
|
+
marginBottom: theme.spacing(1.5)
|
|
92
|
+
},
|
|
93
|
+
'& .SCLeaderboardWidget-ranking-title': {
|
|
94
|
+
fontWeight: theme.typography.fontWeightBold
|
|
95
|
+
},
|
|
96
|
+
'& .SCLeaderboardWidget-ranking-item': {
|
|
97
|
+
padding: theme.spacing(1, 1.5),
|
|
98
|
+
borderRadius: 12,
|
|
99
|
+
backgroundColor: theme.palette.background.paper,
|
|
100
|
+
boxShadow: `0px 2px 8px ${(0, material_1.alpha)(theme.palette.common.black, 0.08)}`
|
|
101
|
+
},
|
|
102
|
+
'& .SCLeaderboardWidget-ranking-item-active': {
|
|
103
|
+
backgroundColor: theme.palette.primary.main,
|
|
104
|
+
boxShadow: `0px 4px 12px ${(0, material_1.alpha)(theme.palette.primary.main, 0.35)}`,
|
|
105
|
+
'& .SCLeaderboardWidget-ranking-position, & .SCLeaderboardWidget-ranking-name, & .SCLeaderboardWidget-ranking-score': {
|
|
106
|
+
color: theme.palette.primary.contrastText
|
|
107
|
+
}
|
|
108
|
+
},
|
|
109
|
+
'& .SCLeaderboardWidget-ranking-position': {
|
|
110
|
+
width: 16,
|
|
111
|
+
color: theme.palette.text.secondary
|
|
112
|
+
},
|
|
113
|
+
'& .SCLeaderboardWidget-ranking-avatar': {
|
|
114
|
+
width: 36,
|
|
115
|
+
height: 36
|
|
116
|
+
},
|
|
117
|
+
'& .SCLeaderboardWidget-ranking-name': {
|
|
118
|
+
flex: 1,
|
|
119
|
+
overflow: 'hidden',
|
|
120
|
+
textOverflow: 'ellipsis',
|
|
121
|
+
whiteSpace: 'nowrap'
|
|
122
|
+
},
|
|
123
|
+
'& .SCLeaderboardWidget-ranking-score': {
|
|
124
|
+
color: theme.palette.text.secondary
|
|
125
|
+
},
|
|
126
|
+
'& .SCLeaderboardWidget-see-more': {
|
|
127
|
+
display: 'inline-block',
|
|
128
|
+
marginTop: theme.spacing(1.5),
|
|
129
|
+
color: theme.palette.primary.main,
|
|
130
|
+
cursor: 'pointer',
|
|
131
|
+
fontWeight: theme.typography.fontWeightMedium
|
|
132
|
+
}
|
|
133
|
+
}),
|
|
134
|
+
skeletonRoot: ({ theme }) => ({
|
|
135
|
+
borderRadius: theme.shape.borderRadius * 2,
|
|
136
|
+
'& .SCLeaderboardWidget-podium-header': {
|
|
137
|
+
marginBottom: theme.spacing(2)
|
|
138
|
+
},
|
|
139
|
+
'& .SCLeaderboardWidget-podium': {
|
|
140
|
+
marginBottom: theme.spacing(3)
|
|
141
|
+
},
|
|
142
|
+
'& .SCLeaderboardWidget-ranking-header': {
|
|
143
|
+
marginBottom: theme.spacing(1.5)
|
|
144
|
+
},
|
|
145
|
+
'& .SCLeaderboardWidget-ranking-item': {
|
|
146
|
+
padding: theme.spacing(1, 1.5)
|
|
147
|
+
}
|
|
148
|
+
})
|
|
149
|
+
}
|
|
150
|
+
};
|
|
151
|
+
exports.default = Component;
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -5986,6 +5986,225 @@ declare const theme: {
|
|
|
5986
5986
|
};
|
|
5987
5987
|
};
|
|
5988
5988
|
};
|
|
5989
|
+
SCLeaderboardInfoWidget: {
|
|
5990
|
+
styleOverrides: {
|
|
5991
|
+
root: ({ theme }: any) => {
|
|
5992
|
+
'& .SCLeaderboardInfoWidget-item-icon': {
|
|
5993
|
+
backgroundColor: any;
|
|
5994
|
+
};
|
|
5995
|
+
'& .SCLeaderboardInfoWidget-item-icon-glyph': {
|
|
5996
|
+
display: string;
|
|
5997
|
+
width: number;
|
|
5998
|
+
height: number;
|
|
5999
|
+
backgroundColor: any;
|
|
6000
|
+
maskRepeat: string;
|
|
6001
|
+
maskPosition: string;
|
|
6002
|
+
maskSize: string;
|
|
6003
|
+
WebkitMaskRepeat: string;
|
|
6004
|
+
WebkitMaskPosition: string;
|
|
6005
|
+
WebkitMaskSize: string;
|
|
6006
|
+
};
|
|
6007
|
+
'& .SCLeaderboardInfoWidget-item-description': {
|
|
6008
|
+
color: any;
|
|
6009
|
+
};
|
|
6010
|
+
};
|
|
6011
|
+
};
|
|
6012
|
+
};
|
|
6013
|
+
SCLeaderboardPositionWidget: {
|
|
6014
|
+
styleOverrides: {
|
|
6015
|
+
root: ({ theme }: any) => {
|
|
6016
|
+
borderRadius: number;
|
|
6017
|
+
overflow: string;
|
|
6018
|
+
'& .SCLeaderboardPositionWidget-title': {
|
|
6019
|
+
fontWeight: any;
|
|
6020
|
+
marginBottom: any;
|
|
6021
|
+
};
|
|
6022
|
+
'& .SCLeaderboardPositionWidget-user': {
|
|
6023
|
+
padding: any;
|
|
6024
|
+
marginBottom: any;
|
|
6025
|
+
textDecoration: string;
|
|
6026
|
+
cursor: string;
|
|
6027
|
+
};
|
|
6028
|
+
'& .SCLeaderboardPositionWidget-user-name': {
|
|
6029
|
+
color: any;
|
|
6030
|
+
};
|
|
6031
|
+
'& .SCLeaderboardPositionWidget-footer': {
|
|
6032
|
+
margin: any;
|
|
6033
|
+
padding: any;
|
|
6034
|
+
backgroundColor: string;
|
|
6035
|
+
};
|
|
6036
|
+
'& .SCLeaderboardPositionWidget-position': {
|
|
6037
|
+
fontWeight: any;
|
|
6038
|
+
};
|
|
6039
|
+
'& .SCLeaderboardPositionWidget-score': {
|
|
6040
|
+
color: any;
|
|
6041
|
+
};
|
|
6042
|
+
};
|
|
6043
|
+
skeletonRoot: ({ theme }: any) => {
|
|
6044
|
+
borderRadius: number;
|
|
6045
|
+
overflow: string;
|
|
6046
|
+
'& .SCLeaderboardPositionWidget-header': {
|
|
6047
|
+
marginBottom: any;
|
|
6048
|
+
};
|
|
6049
|
+
'& .SCLeaderboardPositionWidget-user': {
|
|
6050
|
+
padding: any;
|
|
6051
|
+
marginBottom: any;
|
|
6052
|
+
};
|
|
6053
|
+
'& .SCLeaderboardPositionWidget-footer': {
|
|
6054
|
+
margin: any;
|
|
6055
|
+
padding: any;
|
|
6056
|
+
backgroundColor: string;
|
|
6057
|
+
};
|
|
6058
|
+
};
|
|
6059
|
+
};
|
|
6060
|
+
};
|
|
6061
|
+
SCLeaderboardWidget: {
|
|
6062
|
+
styleOverrides: {
|
|
6063
|
+
root: ({ theme }: any) => {
|
|
6064
|
+
borderRadius: number;
|
|
6065
|
+
'& .SCLeaderboardWidget-podium-header': {
|
|
6066
|
+
marginBottom: any;
|
|
6067
|
+
};
|
|
6068
|
+
'& .SCLeaderboardWidget-podium-title': {
|
|
6069
|
+
fontWeight: any;
|
|
6070
|
+
};
|
|
6071
|
+
'& .SCLeaderboardWidget-podium': {
|
|
6072
|
+
gap: any;
|
|
6073
|
+
marginBottom: any;
|
|
6074
|
+
};
|
|
6075
|
+
'& .SCLeaderboardWidget-podium-item': {
|
|
6076
|
+
flex: string;
|
|
6077
|
+
width: number;
|
|
6078
|
+
};
|
|
6079
|
+
'& .SCLeaderboardWidget-podium-item-1': {
|
|
6080
|
+
order: number;
|
|
6081
|
+
};
|
|
6082
|
+
'& .SCLeaderboardWidget-podium-item-2': {
|
|
6083
|
+
order: number;
|
|
6084
|
+
};
|
|
6085
|
+
'& .SCLeaderboardWidget-podium-item-3': {
|
|
6086
|
+
order: number;
|
|
6087
|
+
};
|
|
6088
|
+
'& .SCLeaderboardWidget-podium-crown': {
|
|
6089
|
+
position: string;
|
|
6090
|
+
top: number;
|
|
6091
|
+
left: string;
|
|
6092
|
+
transform: string;
|
|
6093
|
+
zIndex: number;
|
|
6094
|
+
display: string;
|
|
6095
|
+
width: number;
|
|
6096
|
+
height: number;
|
|
6097
|
+
backgroundColor: any;
|
|
6098
|
+
maskRepeat: string;
|
|
6099
|
+
maskPosition: string;
|
|
6100
|
+
maskSize: string;
|
|
6101
|
+
WebkitMaskRepeat: string;
|
|
6102
|
+
WebkitMaskPosition: string;
|
|
6103
|
+
WebkitMaskSize: string;
|
|
6104
|
+
};
|
|
6105
|
+
'& .SCLeaderboardWidget-podium-avatar-wrap': {
|
|
6106
|
+
position: string;
|
|
6107
|
+
marginBottom: any;
|
|
6108
|
+
};
|
|
6109
|
+
'& .SCLeaderboardWidget-podium-item-1 .SCLeaderboardWidget-podium-avatar': {
|
|
6110
|
+
width: number;
|
|
6111
|
+
height: number;
|
|
6112
|
+
border: string;
|
|
6113
|
+
};
|
|
6114
|
+
'& .SCLeaderboardWidget-podium-item-2 .SCLeaderboardWidget-podium-avatar, & .SCLeaderboardWidget-podium-item-3 .SCLeaderboardWidget-podium-avatar': {
|
|
6115
|
+
width: number;
|
|
6116
|
+
height: number;
|
|
6117
|
+
border: string;
|
|
6118
|
+
};
|
|
6119
|
+
'& .SCLeaderboardWidget-podium-badge': {
|
|
6120
|
+
position: string;
|
|
6121
|
+
bottom: number;
|
|
6122
|
+
left: string;
|
|
6123
|
+
transform: string;
|
|
6124
|
+
display: string;
|
|
6125
|
+
alignItems: string;
|
|
6126
|
+
justifyContent: string;
|
|
6127
|
+
width: number;
|
|
6128
|
+
height: number;
|
|
6129
|
+
borderRadius: string;
|
|
6130
|
+
backgroundColor: any;
|
|
6131
|
+
color: any;
|
|
6132
|
+
fontSize: number;
|
|
6133
|
+
lineHeight: number;
|
|
6134
|
+
fontWeight: any;
|
|
6135
|
+
border: string;
|
|
6136
|
+
};
|
|
6137
|
+
'& .SCLeaderboardWidget-podium-name': {
|
|
6138
|
+
width: string;
|
|
6139
|
+
textAlign: string;
|
|
6140
|
+
overflow: string;
|
|
6141
|
+
textOverflow: string;
|
|
6142
|
+
whiteSpace: string;
|
|
6143
|
+
};
|
|
6144
|
+
'& .SCLeaderboardWidget-podium-score': {
|
|
6145
|
+
color: any;
|
|
6146
|
+
};
|
|
6147
|
+
'& .SCLeaderboardWidget-ranking-header': {
|
|
6148
|
+
marginBottom: any;
|
|
6149
|
+
};
|
|
6150
|
+
'& .SCLeaderboardWidget-ranking-title': {
|
|
6151
|
+
fontWeight: any;
|
|
6152
|
+
};
|
|
6153
|
+
'& .SCLeaderboardWidget-ranking-item': {
|
|
6154
|
+
padding: any;
|
|
6155
|
+
borderRadius: number;
|
|
6156
|
+
backgroundColor: any;
|
|
6157
|
+
boxShadow: string;
|
|
6158
|
+
};
|
|
6159
|
+
'& .SCLeaderboardWidget-ranking-item-active': {
|
|
6160
|
+
backgroundColor: any;
|
|
6161
|
+
boxShadow: string;
|
|
6162
|
+
'& .SCLeaderboardWidget-ranking-position, & .SCLeaderboardWidget-ranking-name, & .SCLeaderboardWidget-ranking-score': {
|
|
6163
|
+
color: any;
|
|
6164
|
+
};
|
|
6165
|
+
};
|
|
6166
|
+
'& .SCLeaderboardWidget-ranking-position': {
|
|
6167
|
+
width: number;
|
|
6168
|
+
color: any;
|
|
6169
|
+
};
|
|
6170
|
+
'& .SCLeaderboardWidget-ranking-avatar': {
|
|
6171
|
+
width: number;
|
|
6172
|
+
height: number;
|
|
6173
|
+
};
|
|
6174
|
+
'& .SCLeaderboardWidget-ranking-name': {
|
|
6175
|
+
flex: number;
|
|
6176
|
+
overflow: string;
|
|
6177
|
+
textOverflow: string;
|
|
6178
|
+
whiteSpace: string;
|
|
6179
|
+
};
|
|
6180
|
+
'& .SCLeaderboardWidget-ranking-score': {
|
|
6181
|
+
color: any;
|
|
6182
|
+
};
|
|
6183
|
+
'& .SCLeaderboardWidget-see-more': {
|
|
6184
|
+
display: string;
|
|
6185
|
+
marginTop: any;
|
|
6186
|
+
color: any;
|
|
6187
|
+
cursor: string;
|
|
6188
|
+
fontWeight: any;
|
|
6189
|
+
};
|
|
6190
|
+
};
|
|
6191
|
+
skeletonRoot: ({ theme }: any) => {
|
|
6192
|
+
borderRadius: number;
|
|
6193
|
+
'& .SCLeaderboardWidget-podium-header': {
|
|
6194
|
+
marginBottom: any;
|
|
6195
|
+
};
|
|
6196
|
+
'& .SCLeaderboardWidget-podium': {
|
|
6197
|
+
marginBottom: any;
|
|
6198
|
+
};
|
|
6199
|
+
'& .SCLeaderboardWidget-ranking-header': {
|
|
6200
|
+
marginBottom: any;
|
|
6201
|
+
};
|
|
6202
|
+
'& .SCLeaderboardWidget-ranking-item': {
|
|
6203
|
+
padding: any;
|
|
6204
|
+
};
|
|
6205
|
+
};
|
|
6206
|
+
};
|
|
6207
|
+
};
|
|
5989
6208
|
SCLessonEditForm: {
|
|
5990
6209
|
styleOverrides: {
|
|
5991
6210
|
root: ({ theme }: any) => {
|
|
@@ -8156,9 +8375,6 @@ declare const theme: {
|
|
|
8156
8375
|
'& .SCOnBoardingWidget-app-image-android': {
|
|
8157
8376
|
width: string;
|
|
8158
8377
|
marginTop: any;
|
|
8159
|
-
/**
|
|
8160
|
-
* Style assets - Imports - Start
|
|
8161
|
-
*/
|
|
8162
8378
|
marginBottom: any;
|
|
8163
8379
|
};
|
|
8164
8380
|
};
|