@selfcommunity/react-theme-default 1.2.14-alpha.0 → 1.2.14-alpha.2
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 +3 -0
- package/lib/cjs/components/SCLeaderboardInfoWidget.js +3 -0
- package/lib/cjs/components/SCLeaderboardWidget.d.ts +17 -3
- package/lib/cjs/components/SCLeaderboardWidget.js +21 -7
- package/lib/cjs/index.d.ts +20 -3
- package/lib/esm/components/SCLeaderboardInfoWidget.d.ts +3 -0
- package/lib/esm/components/SCLeaderboardInfoWidget.js +3 -0
- package/lib/esm/components/SCLeaderboardWidget.d.ts +17 -3
- package/lib/esm/components/SCLeaderboardWidget.js +21 -7
- package/lib/esm/index.d.ts +20 -3
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +2 -2
|
@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const Component = {
|
|
4
4
|
styleOverrides: {
|
|
5
5
|
root: ({ theme }) => ({
|
|
6
|
+
'& .SCLeaderboardInfoWidget-title': {
|
|
7
|
+
fontWeight: theme.typography.fontWeightBold
|
|
8
|
+
},
|
|
6
9
|
'& .SCLeaderboardInfoWidget-item-icon': {
|
|
7
10
|
backgroundColor: theme.palette.action.hover
|
|
8
11
|
},
|
|
@@ -26,10 +26,14 @@ declare const Component: {
|
|
|
26
26
|
order: number;
|
|
27
27
|
};
|
|
28
28
|
'& .SCLeaderboardWidget-podium-crown': {
|
|
29
|
+
position: string;
|
|
30
|
+
top: number;
|
|
31
|
+
left: string;
|
|
32
|
+
transform: string;
|
|
33
|
+
zIndex: number;
|
|
29
34
|
display: string;
|
|
30
35
|
width: number;
|
|
31
36
|
height: number;
|
|
32
|
-
marginBottom: any;
|
|
33
37
|
backgroundColor: any;
|
|
34
38
|
maskRepeat: string;
|
|
35
39
|
maskPosition: string;
|
|
@@ -71,7 +75,11 @@ declare const Component: {
|
|
|
71
75
|
border: string;
|
|
72
76
|
};
|
|
73
77
|
'& .SCLeaderboardWidget-podium-name': {
|
|
78
|
+
width: string;
|
|
74
79
|
textAlign: string;
|
|
80
|
+
overflow: string;
|
|
81
|
+
textOverflow: string;
|
|
82
|
+
whiteSpace: string;
|
|
75
83
|
};
|
|
76
84
|
'& .SCLeaderboardWidget-podium-score': {
|
|
77
85
|
color: any;
|
|
@@ -84,10 +92,16 @@ declare const Component: {
|
|
|
84
92
|
};
|
|
85
93
|
'& .SCLeaderboardWidget-ranking-item': {
|
|
86
94
|
padding: any;
|
|
87
|
-
borderRadius:
|
|
95
|
+
borderRadius: number;
|
|
96
|
+
backgroundColor: any;
|
|
97
|
+
boxShadow: string;
|
|
88
98
|
};
|
|
89
99
|
'& .SCLeaderboardWidget-ranking-item-active': {
|
|
90
|
-
backgroundColor:
|
|
100
|
+
backgroundColor: any;
|
|
101
|
+
boxShadow: string;
|
|
102
|
+
'& .SCLeaderboardWidget-ranking-position, & .SCLeaderboardWidget-ranking-name, & .SCLeaderboardWidget-ranking-score': {
|
|
103
|
+
color: any;
|
|
104
|
+
};
|
|
91
105
|
};
|
|
92
106
|
'& .SCLeaderboardWidget-ranking-position': {
|
|
93
107
|
width: number;
|
|
@@ -6,7 +6,7 @@ const Component = {
|
|
|
6
6
|
root: ({ theme }) => ({
|
|
7
7
|
borderRadius: theme.shape.borderRadius * 2,
|
|
8
8
|
'& .SCLeaderboardWidget-podium-header': {
|
|
9
|
-
marginBottom: theme.spacing(
|
|
9
|
+
marginBottom: theme.spacing(4)
|
|
10
10
|
},
|
|
11
11
|
'& .SCLeaderboardWidget-podium-title': {
|
|
12
12
|
fontWeight: theme.typography.fontWeightBold
|
|
@@ -29,10 +29,14 @@ const Component = {
|
|
|
29
29
|
order: 3
|
|
30
30
|
},
|
|
31
31
|
'& .SCLeaderboardWidget-podium-crown': {
|
|
32
|
+
position: 'absolute',
|
|
33
|
+
top: -28,
|
|
34
|
+
left: '50%',
|
|
35
|
+
transform: 'translateX(-50%)',
|
|
36
|
+
zIndex: 1,
|
|
32
37
|
display: 'inline-block',
|
|
33
|
-
width:
|
|
34
|
-
height:
|
|
35
|
-
marginBottom: theme.spacing(0.5),
|
|
38
|
+
width: 38,
|
|
39
|
+
height: 38,
|
|
36
40
|
backgroundColor: theme.palette.primary.main,
|
|
37
41
|
maskRepeat: 'no-repeat',
|
|
38
42
|
maskPosition: 'center',
|
|
@@ -74,7 +78,11 @@ const Component = {
|
|
|
74
78
|
border: `2px solid ${theme.palette.background.paper}`
|
|
75
79
|
},
|
|
76
80
|
'& .SCLeaderboardWidget-podium-name': {
|
|
77
|
-
|
|
81
|
+
width: '100%',
|
|
82
|
+
textAlign: 'center',
|
|
83
|
+
overflow: 'hidden',
|
|
84
|
+
textOverflow: 'ellipsis',
|
|
85
|
+
whiteSpace: 'nowrap'
|
|
78
86
|
},
|
|
79
87
|
'& .SCLeaderboardWidget-podium-score': {
|
|
80
88
|
color: theme.palette.text.secondary
|
|
@@ -87,10 +95,16 @@ const Component = {
|
|
|
87
95
|
},
|
|
88
96
|
'& .SCLeaderboardWidget-ranking-item': {
|
|
89
97
|
padding: theme.spacing(1, 1.5),
|
|
90
|
-
borderRadius:
|
|
98
|
+
borderRadius: 12,
|
|
99
|
+
backgroundColor: theme.palette.background.paper,
|
|
100
|
+
boxShadow: `0px 2px 8px ${(0, material_1.alpha)(theme.palette.common.black, 0.08)}`
|
|
91
101
|
},
|
|
92
102
|
'& .SCLeaderboardWidget-ranking-item-active': {
|
|
93
|
-
backgroundColor:
|
|
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
|
+
}
|
|
94
108
|
},
|
|
95
109
|
'& .SCLeaderboardWidget-ranking-position': {
|
|
96
110
|
width: 16,
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -5989,6 +5989,9 @@ declare const theme: {
|
|
|
5989
5989
|
SCLeaderboardInfoWidget: {
|
|
5990
5990
|
styleOverrides: {
|
|
5991
5991
|
root: ({ theme }: any) => {
|
|
5992
|
+
'& .SCLeaderboardInfoWidget-title': {
|
|
5993
|
+
fontWeight: any;
|
|
5994
|
+
};
|
|
5992
5995
|
'& .SCLeaderboardInfoWidget-item-icon': {
|
|
5993
5996
|
backgroundColor: any;
|
|
5994
5997
|
};
|
|
@@ -6086,10 +6089,14 @@ declare const theme: {
|
|
|
6086
6089
|
order: number;
|
|
6087
6090
|
};
|
|
6088
6091
|
'& .SCLeaderboardWidget-podium-crown': {
|
|
6092
|
+
position: string;
|
|
6093
|
+
top: number;
|
|
6094
|
+
left: string;
|
|
6095
|
+
transform: string;
|
|
6096
|
+
zIndex: number;
|
|
6089
6097
|
display: string;
|
|
6090
6098
|
width: number;
|
|
6091
6099
|
height: number;
|
|
6092
|
-
marginBottom: any;
|
|
6093
6100
|
backgroundColor: any;
|
|
6094
6101
|
maskRepeat: string;
|
|
6095
6102
|
maskPosition: string;
|
|
@@ -6131,7 +6138,11 @@ declare const theme: {
|
|
|
6131
6138
|
border: string;
|
|
6132
6139
|
};
|
|
6133
6140
|
'& .SCLeaderboardWidget-podium-name': {
|
|
6141
|
+
width: string;
|
|
6134
6142
|
textAlign: string;
|
|
6143
|
+
overflow: string;
|
|
6144
|
+
textOverflow: string;
|
|
6145
|
+
whiteSpace: string;
|
|
6135
6146
|
};
|
|
6136
6147
|
'& .SCLeaderboardWidget-podium-score': {
|
|
6137
6148
|
color: any;
|
|
@@ -6144,10 +6155,16 @@ declare const theme: {
|
|
|
6144
6155
|
};
|
|
6145
6156
|
'& .SCLeaderboardWidget-ranking-item': {
|
|
6146
6157
|
padding: any;
|
|
6147
|
-
borderRadius:
|
|
6158
|
+
borderRadius: number;
|
|
6159
|
+
backgroundColor: any;
|
|
6160
|
+
boxShadow: string;
|
|
6148
6161
|
};
|
|
6149
6162
|
'& .SCLeaderboardWidget-ranking-item-active': {
|
|
6150
|
-
backgroundColor:
|
|
6163
|
+
backgroundColor: any;
|
|
6164
|
+
boxShadow: string;
|
|
6165
|
+
'& .SCLeaderboardWidget-ranking-position, & .SCLeaderboardWidget-ranking-name, & .SCLeaderboardWidget-ranking-score': {
|
|
6166
|
+
color: any;
|
|
6167
|
+
};
|
|
6151
6168
|
};
|
|
6152
6169
|
'& .SCLeaderboardWidget-ranking-position': {
|
|
6153
6170
|
width: number;
|
|
@@ -26,10 +26,14 @@ declare const Component: {
|
|
|
26
26
|
order: number;
|
|
27
27
|
};
|
|
28
28
|
'& .SCLeaderboardWidget-podium-crown': {
|
|
29
|
+
position: string;
|
|
30
|
+
top: number;
|
|
31
|
+
left: string;
|
|
32
|
+
transform: string;
|
|
33
|
+
zIndex: number;
|
|
29
34
|
display: string;
|
|
30
35
|
width: number;
|
|
31
36
|
height: number;
|
|
32
|
-
marginBottom: any;
|
|
33
37
|
backgroundColor: any;
|
|
34
38
|
maskRepeat: string;
|
|
35
39
|
maskPosition: string;
|
|
@@ -71,7 +75,11 @@ declare const Component: {
|
|
|
71
75
|
border: string;
|
|
72
76
|
};
|
|
73
77
|
'& .SCLeaderboardWidget-podium-name': {
|
|
78
|
+
width: string;
|
|
74
79
|
textAlign: string;
|
|
80
|
+
overflow: string;
|
|
81
|
+
textOverflow: string;
|
|
82
|
+
whiteSpace: string;
|
|
75
83
|
};
|
|
76
84
|
'& .SCLeaderboardWidget-podium-score': {
|
|
77
85
|
color: any;
|
|
@@ -84,10 +92,16 @@ declare const Component: {
|
|
|
84
92
|
};
|
|
85
93
|
'& .SCLeaderboardWidget-ranking-item': {
|
|
86
94
|
padding: any;
|
|
87
|
-
borderRadius:
|
|
95
|
+
borderRadius: number;
|
|
96
|
+
backgroundColor: any;
|
|
97
|
+
boxShadow: string;
|
|
88
98
|
};
|
|
89
99
|
'& .SCLeaderboardWidget-ranking-item-active': {
|
|
90
|
-
backgroundColor:
|
|
100
|
+
backgroundColor: any;
|
|
101
|
+
boxShadow: string;
|
|
102
|
+
'& .SCLeaderboardWidget-ranking-position, & .SCLeaderboardWidget-ranking-name, & .SCLeaderboardWidget-ranking-score': {
|
|
103
|
+
color: any;
|
|
104
|
+
};
|
|
91
105
|
};
|
|
92
106
|
'& .SCLeaderboardWidget-ranking-position': {
|
|
93
107
|
width: number;
|
|
@@ -4,7 +4,7 @@ const Component = {
|
|
|
4
4
|
root: ({ theme }) => ({
|
|
5
5
|
borderRadius: theme.shape.borderRadius * 2,
|
|
6
6
|
'& .SCLeaderboardWidget-podium-header': {
|
|
7
|
-
marginBottom: theme.spacing(
|
|
7
|
+
marginBottom: theme.spacing(4)
|
|
8
8
|
},
|
|
9
9
|
'& .SCLeaderboardWidget-podium-title': {
|
|
10
10
|
fontWeight: theme.typography.fontWeightBold
|
|
@@ -27,10 +27,14 @@ const Component = {
|
|
|
27
27
|
order: 3
|
|
28
28
|
},
|
|
29
29
|
'& .SCLeaderboardWidget-podium-crown': {
|
|
30
|
+
position: 'absolute',
|
|
31
|
+
top: -28,
|
|
32
|
+
left: '50%',
|
|
33
|
+
transform: 'translateX(-50%)',
|
|
34
|
+
zIndex: 1,
|
|
30
35
|
display: 'inline-block',
|
|
31
|
-
width:
|
|
32
|
-
height:
|
|
33
|
-
marginBottom: theme.spacing(0.5),
|
|
36
|
+
width: 38,
|
|
37
|
+
height: 38,
|
|
34
38
|
backgroundColor: theme.palette.primary.main,
|
|
35
39
|
maskRepeat: 'no-repeat',
|
|
36
40
|
maskPosition: 'center',
|
|
@@ -72,7 +76,11 @@ const Component = {
|
|
|
72
76
|
border: `2px solid ${theme.palette.background.paper}`
|
|
73
77
|
},
|
|
74
78
|
'& .SCLeaderboardWidget-podium-name': {
|
|
75
|
-
|
|
79
|
+
width: '100%',
|
|
80
|
+
textAlign: 'center',
|
|
81
|
+
overflow: 'hidden',
|
|
82
|
+
textOverflow: 'ellipsis',
|
|
83
|
+
whiteSpace: 'nowrap'
|
|
76
84
|
},
|
|
77
85
|
'& .SCLeaderboardWidget-podium-score': {
|
|
78
86
|
color: theme.palette.text.secondary
|
|
@@ -85,10 +93,16 @@ const Component = {
|
|
|
85
93
|
},
|
|
86
94
|
'& .SCLeaderboardWidget-ranking-item': {
|
|
87
95
|
padding: theme.spacing(1, 1.5),
|
|
88
|
-
borderRadius:
|
|
96
|
+
borderRadius: 12,
|
|
97
|
+
backgroundColor: theme.palette.background.paper,
|
|
98
|
+
boxShadow: `0px 2px 8px ${alpha(theme.palette.common.black, 0.08)}`
|
|
89
99
|
},
|
|
90
100
|
'& .SCLeaderboardWidget-ranking-item-active': {
|
|
91
|
-
backgroundColor:
|
|
101
|
+
backgroundColor: theme.palette.primary.main,
|
|
102
|
+
boxShadow: `0px 4px 12px ${alpha(theme.palette.primary.main, 0.35)}`,
|
|
103
|
+
'& .SCLeaderboardWidget-ranking-position, & .SCLeaderboardWidget-ranking-name, & .SCLeaderboardWidget-ranking-score': {
|
|
104
|
+
color: theme.palette.primary.contrastText
|
|
105
|
+
}
|
|
92
106
|
},
|
|
93
107
|
'& .SCLeaderboardWidget-ranking-position': {
|
|
94
108
|
width: 16,
|
package/lib/esm/index.d.ts
CHANGED
|
@@ -5989,6 +5989,9 @@ declare const theme: {
|
|
|
5989
5989
|
SCLeaderboardInfoWidget: {
|
|
5990
5990
|
styleOverrides: {
|
|
5991
5991
|
root: ({ theme }: any) => {
|
|
5992
|
+
'& .SCLeaderboardInfoWidget-title': {
|
|
5993
|
+
fontWeight: any;
|
|
5994
|
+
};
|
|
5992
5995
|
'& .SCLeaderboardInfoWidget-item-icon': {
|
|
5993
5996
|
backgroundColor: any;
|
|
5994
5997
|
};
|
|
@@ -6086,10 +6089,14 @@ declare const theme: {
|
|
|
6086
6089
|
order: number;
|
|
6087
6090
|
};
|
|
6088
6091
|
'& .SCLeaderboardWidget-podium-crown': {
|
|
6092
|
+
position: string;
|
|
6093
|
+
top: number;
|
|
6094
|
+
left: string;
|
|
6095
|
+
transform: string;
|
|
6096
|
+
zIndex: number;
|
|
6089
6097
|
display: string;
|
|
6090
6098
|
width: number;
|
|
6091
6099
|
height: number;
|
|
6092
|
-
marginBottom: any;
|
|
6093
6100
|
backgroundColor: any;
|
|
6094
6101
|
maskRepeat: string;
|
|
6095
6102
|
maskPosition: string;
|
|
@@ -6131,7 +6138,11 @@ declare const theme: {
|
|
|
6131
6138
|
border: string;
|
|
6132
6139
|
};
|
|
6133
6140
|
'& .SCLeaderboardWidget-podium-name': {
|
|
6141
|
+
width: string;
|
|
6134
6142
|
textAlign: string;
|
|
6143
|
+
overflow: string;
|
|
6144
|
+
textOverflow: string;
|
|
6145
|
+
whiteSpace: string;
|
|
6135
6146
|
};
|
|
6136
6147
|
'& .SCLeaderboardWidget-podium-score': {
|
|
6137
6148
|
color: any;
|
|
@@ -6144,10 +6155,16 @@ declare const theme: {
|
|
|
6144
6155
|
};
|
|
6145
6156
|
'& .SCLeaderboardWidget-ranking-item': {
|
|
6146
6157
|
padding: any;
|
|
6147
|
-
borderRadius:
|
|
6158
|
+
borderRadius: number;
|
|
6159
|
+
backgroundColor: any;
|
|
6160
|
+
boxShadow: string;
|
|
6148
6161
|
};
|
|
6149
6162
|
'& .SCLeaderboardWidget-ranking-item-active': {
|
|
6150
|
-
backgroundColor:
|
|
6163
|
+
backgroundColor: any;
|
|
6164
|
+
boxShadow: string;
|
|
6165
|
+
'& .SCLeaderboardWidget-ranking-position, & .SCLeaderboardWidget-ranking-name, & .SCLeaderboardWidget-ranking-score': {
|
|
6166
|
+
color: any;
|
|
6167
|
+
};
|
|
6151
6168
|
};
|
|
6152
6169
|
'& .SCLeaderboardWidget-ranking-position': {
|
|
6153
6170
|
width: number;
|