@selfcommunity/react-theme-default 1.2.13-alpha.1 → 1.2.14-alpha.0

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.
Files changed (18) hide show
  1. package/lib/cjs/components/SCLeaderboardInfoWidget.d.ts +25 -0
  2. package/lib/cjs/components/SCLeaderboardInfoWidget.js +27 -0
  3. package/lib/cjs/components/SCLeaderboardPositionWidget.d.ts +49 -0
  4. package/lib/cjs/components/SCLeaderboardPositionWidget.js +52 -0
  5. package/lib/cjs/components/SCLeaderboardWidget.d.ts +134 -0
  6. package/lib/cjs/components/SCLeaderboardWidget.js +137 -0
  7. package/lib/cjs/index.d.ts +205 -3
  8. package/lib/cjs/index.js +6 -0
  9. package/lib/esm/components/SCLeaderboardInfoWidget.d.ts +25 -0
  10. package/lib/esm/components/SCLeaderboardInfoWidget.js +25 -0
  11. package/lib/esm/components/SCLeaderboardPositionWidget.d.ts +49 -0
  12. package/lib/esm/components/SCLeaderboardPositionWidget.js +50 -0
  13. package/lib/esm/components/SCLeaderboardWidget.d.ts +134 -0
  14. package/lib/esm/components/SCLeaderboardWidget.js +135 -0
  15. package/lib/esm/index.d.ts +205 -3
  16. package/lib/esm/index.js +6 -0
  17. package/lib/umd/react-theme-default.js +1 -1
  18. package/package.json +2 -2
package/lib/esm/components/SCLeaderboardInfoWidget.d.ts ADDED
@@ -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;
package/lib/esm/components/SCLeaderboardInfoWidget.js ADDED
@@ -0,0 +1,25 @@
1
+ const Component = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({
4
+ '& .SCLeaderboardInfoWidget-item-icon': {
5
+ backgroundColor: theme.palette.action.hover
6
+ },
7
+ '& .SCLeaderboardInfoWidget-item-icon-glyph': {
8
+ display: 'inline-block',
9
+ width: 18,
10
+ height: 18,
11
+ backgroundColor: theme.palette.primary.main,
12
+ maskRepeat: 'no-repeat',
13
+ maskPosition: 'center',
14
+ maskSize: 'contain',
15
+ WebkitMaskRepeat: 'no-repeat',
16
+ WebkitMaskPosition: 'center',
17
+ WebkitMaskSize: 'contain'
18
+ },
19
+ '& .SCLeaderboardInfoWidget-item-description': {
20
+ color: theme.palette.text.secondary
21
+ }
22
+ })
23
+ }
24
+ };
25
+ export default Component;
package/lib/esm/components/SCLeaderboardPositionWidget.d.ts ADDED
@@ -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;
package/lib/esm/components/SCLeaderboardPositionWidget.js ADDED
@@ -0,0 +1,50 @@
1
+ import { alpha } from '@mui/material';
2
+ const Component = {
3
+ styleOverrides: {
4
+ root: ({ theme }) => ({
5
+ borderRadius: theme.shape.borderRadius * 2,
6
+ overflow: 'hidden',
7
+ '& .SCLeaderboardPositionWidget-title': {
8
+ fontWeight: theme.typography.fontWeightBold,
9
+ marginBottom: theme.spacing(2)
10
+ },
11
+ '& .SCLeaderboardPositionWidget-user': {
12
+ padding: theme.spacing(1.5),
13
+ marginBottom: theme.spacing(2),
14
+ textDecoration: 'none',
15
+ cursor: 'pointer'
16
+ },
17
+ '& .SCLeaderboardPositionWidget-user-name': {
18
+ color: theme.palette.text.primary
19
+ },
20
+ '& .SCLeaderboardPositionWidget-footer': {
21
+ margin: theme.spacing(0, -2.2, -3, -2.2),
22
+ padding: theme.spacing(2, 2.2),
23
+ backgroundColor: alpha(theme.palette.primary.main, 0.3)
24
+ },
25
+ '& .SCLeaderboardPositionWidget-position': {
26
+ fontWeight: theme.typography.fontWeightBold
27
+ },
28
+ '& .SCLeaderboardPositionWidget-score': {
29
+ color: theme.palette.text.secondary
30
+ }
31
+ }),
32
+ skeletonRoot: ({ theme }) => ({
33
+ borderRadius: theme.shape.borderRadius * 2,
34
+ overflow: 'hidden',
35
+ '& .SCLeaderboardPositionWidget-header': {
36
+ marginBottom: theme.spacing(2)
37
+ },
38
+ '& .SCLeaderboardPositionWidget-user': {
39
+ padding: theme.spacing(1.5),
40
+ marginBottom: theme.spacing(2)
41
+ },
42
+ '& .SCLeaderboardPositionWidget-footer': {
43
+ margin: theme.spacing(0, -2.2, -3, -2.2),
44
+ padding: theme.spacing(2, 2.2),
45
+ backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity)
46
+ }
47
+ })
48
+ }
49
+ };
50
+ export default Component;
package/lib/esm/components/SCLeaderboardWidget.d.ts ADDED
@@ -0,0 +1,134 @@
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
+ display: string;
30
+ width: number;
31
+ height: number;
32
+ marginBottom: any;
33
+ backgroundColor: any;
34
+ maskRepeat: string;
35
+ maskPosition: string;
36
+ maskSize: string;
37
+ WebkitMaskRepeat: string;
38
+ WebkitMaskPosition: string;
39
+ WebkitMaskSize: string;
40
+ };
41
+ '& .SCLeaderboardWidget-podium-avatar-wrap': {
42
+ position: string;
43
+ marginBottom: any;
44
+ };
45
+ '& .SCLeaderboardWidget-podium-item-1 .SCLeaderboardWidget-podium-avatar': {
46
+ width: number;
47
+ height: number;
48
+ border: string;
49
+ };
50
+ '& .SCLeaderboardWidget-podium-item-2 .SCLeaderboardWidget-podium-avatar, & .SCLeaderboardWidget-podium-item-3 .SCLeaderboardWidget-podium-avatar': {
51
+ width: number;
52
+ height: number;
53
+ border: string;
54
+ };
55
+ '& .SCLeaderboardWidget-podium-badge': {
56
+ position: string;
57
+ bottom: number;
58
+ left: string;
59
+ transform: string;
60
+ display: string;
61
+ alignItems: string;
62
+ justifyContent: string;
63
+ width: number;
64
+ height: number;
65
+ borderRadius: string;
66
+ backgroundColor: any;
67
+ color: any;
68
+ fontSize: number;
69
+ lineHeight: number;
70
+ fontWeight: any;
71
+ border: string;
72
+ };
73
+ '& .SCLeaderboardWidget-podium-name': {
74
+ textAlign: string;
75
+ };
76
+ '& .SCLeaderboardWidget-podium-score': {
77
+ color: any;
78
+ };
79
+ '& .SCLeaderboardWidget-ranking-header': {
80
+ marginBottom: any;
81
+ };
82
+ '& .SCLeaderboardWidget-ranking-title': {
83
+ fontWeight: any;
84
+ };
85
+ '& .SCLeaderboardWidget-ranking-item': {
86
+ padding: any;
87
+ borderRadius: any;
88
+ };
89
+ '& .SCLeaderboardWidget-ranking-item-active': {
90
+ backgroundColor: string;
91
+ };
92
+ '& .SCLeaderboardWidget-ranking-position': {
93
+ width: number;
94
+ color: any;
95
+ };
96
+ '& .SCLeaderboardWidget-ranking-avatar': {
97
+ width: number;
98
+ height: number;
99
+ };
100
+ '& .SCLeaderboardWidget-ranking-name': {
101
+ flex: number;
102
+ overflow: string;
103
+ textOverflow: string;
104
+ whiteSpace: string;
105
+ };
106
+ '& .SCLeaderboardWidget-ranking-score': {
107
+ color: any;
108
+ };
109
+ '& .SCLeaderboardWidget-see-more': {
110
+ display: string;
111
+ marginTop: any;
112
+ color: any;
113
+ cursor: string;
114
+ fontWeight: any;
115
+ };
116
+ };
117
+ skeletonRoot: ({ theme }: any) => {
118
+ borderRadius: number;
119
+ '& .SCLeaderboardWidget-podium-header': {
120
+ marginBottom: any;
121
+ };
122
+ '& .SCLeaderboardWidget-podium': {
123
+ marginBottom: any;
124
+ };
125
+ '& .SCLeaderboardWidget-ranking-header': {
126
+ marginBottom: any;
127
+ };
128
+ '& .SCLeaderboardWidget-ranking-item': {
129
+ padding: any;
130
+ };
131
+ };
132
+ };
133
+ };
134
+ export default Component;
package/lib/esm/components/SCLeaderboardWidget.js ADDED
@@ -0,0 +1,135 @@
1
+ import { alpha } from '@mui/material';
2
+ const Component = {
3
+ styleOverrides: {
4
+ root: ({ theme }) => ({
5
+ borderRadius: theme.shape.borderRadius * 2,
6
+ '& .SCLeaderboardWidget-podium-header': {
7
+ marginBottom: theme.spacing(2)
8
+ },
9
+ '& .SCLeaderboardWidget-podium-title': {
10
+ fontWeight: theme.typography.fontWeightBold
11
+ },
12
+ '& .SCLeaderboardWidget-podium': {
13
+ gap: theme.spacing(2),
14
+ marginBottom: theme.spacing(3)
15
+ },
16
+ '& .SCLeaderboardWidget-podium-item': {
17
+ flex: '0 0 auto',
18
+ width: 90
19
+ },
20
+ '& .SCLeaderboardWidget-podium-item-1': {
21
+ order: 2
22
+ },
23
+ '& .SCLeaderboardWidget-podium-item-2': {
24
+ order: 1
25
+ },
26
+ '& .SCLeaderboardWidget-podium-item-3': {
27
+ order: 3
28
+ },
29
+ '& .SCLeaderboardWidget-podium-crown': {
30
+ display: 'inline-block',
31
+ width: 24,
32
+ height: 24,
33
+ marginBottom: theme.spacing(0.5),
34
+ backgroundColor: theme.palette.primary.main,
35
+ maskRepeat: 'no-repeat',
36
+ maskPosition: 'center',
37
+ maskSize: 'contain',
38
+ WebkitMaskRepeat: 'no-repeat',
39
+ WebkitMaskPosition: 'center',
40
+ WebkitMaskSize: 'contain'
41
+ },
42
+ '& .SCLeaderboardWidget-podium-avatar-wrap': {
43
+ position: 'relative',
44
+ marginBottom: theme.spacing(1)
45
+ },
46
+ '& .SCLeaderboardWidget-podium-item-1 .SCLeaderboardWidget-podium-avatar': {
47
+ width: 72,
48
+ height: 72,
49
+ border: `3px solid ${theme.palette.primary.main}`
50
+ },
51
+ '& .SCLeaderboardWidget-podium-item-2 .SCLeaderboardWidget-podium-avatar, & .SCLeaderboardWidget-podium-item-3 .SCLeaderboardWidget-podium-avatar': {
52
+ width: 56,
53
+ height: 56,
54
+ border: `2px solid ${theme.palette.primary.light}`
55
+ },
56
+ '& .SCLeaderboardWidget-podium-badge': {
57
+ position: 'absolute',
58
+ bottom: -6,
59
+ left: '50%',
60
+ transform: 'translateX(-50%)',
61
+ display: 'flex',
62
+ alignItems: 'center',
63
+ justifyContent: 'center',
64
+ width: 22,
65
+ height: 22,
66
+ borderRadius: '50%',
67
+ backgroundColor: theme.palette.primary.main,
68
+ color: theme.palette.primary.contrastText,
69
+ fontSize: 12,
70
+ lineHeight: 1,
71
+ fontWeight: theme.typography.fontWeightBold,
72
+ border: `2px solid ${theme.palette.background.paper}`
73
+ },
74
+ '& .SCLeaderboardWidget-podium-name': {
75
+ textAlign: 'center'
76
+ },
77
+ '& .SCLeaderboardWidget-podium-score': {
78
+ color: theme.palette.text.secondary
79
+ },
80
+ '& .SCLeaderboardWidget-ranking-header': {
81
+ marginBottom: theme.spacing(1.5)
82
+ },
83
+ '& .SCLeaderboardWidget-ranking-title': {
84
+ fontWeight: theme.typography.fontWeightBold
85
+ },
86
+ '& .SCLeaderboardWidget-ranking-item': {
87
+ padding: theme.spacing(1, 1.5),
88
+ borderRadius: theme.shape.borderRadius
89
+ },
90
+ '& .SCLeaderboardWidget-ranking-item-active': {
91
+ backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity)
92
+ },
93
+ '& .SCLeaderboardWidget-ranking-position': {
94
+ width: 16,
95
+ color: theme.palette.text.secondary
96
+ },
97
+ '& .SCLeaderboardWidget-ranking-avatar': {
98
+ width: 36,
99
+ height: 36
100
+ },
101
+ '& .SCLeaderboardWidget-ranking-name': {
102
+ flex: 1,
103
+ overflow: 'hidden',
104
+ textOverflow: 'ellipsis',
105
+ whiteSpace: 'nowrap'
106
+ },
107
+ '& .SCLeaderboardWidget-ranking-score': {
108
+ color: theme.palette.text.secondary
109
+ },
110
+ '& .SCLeaderboardWidget-see-more': {
111
+ display: 'inline-block',
112
+ marginTop: theme.spacing(1.5),
113
+ color: theme.palette.primary.main,
114
+ cursor: 'pointer',
115
+ fontWeight: theme.typography.fontWeightMedium
116
+ }
117
+ }),
118
+ skeletonRoot: ({ theme }) => ({
119
+ borderRadius: theme.shape.borderRadius * 2,
120
+ '& .SCLeaderboardWidget-podium-header': {
121
+ marginBottom: theme.spacing(2)
122
+ },
123
+ '& .SCLeaderboardWidget-podium': {
124
+ marginBottom: theme.spacing(3)
125
+ },
126
+ '& .SCLeaderboardWidget-ranking-header': {
127
+ marginBottom: theme.spacing(1.5)
128
+ },
129
+ '& .SCLeaderboardWidget-ranking-item': {
130
+ padding: theme.spacing(1, 1.5)
131
+ }
132
+ })
133
+ }
134
+ };
135
+ export default Component;
package/lib/esm/index.d.ts CHANGED
@@ -5986,6 +5986,211 @@ 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
+ display: string;
6090
+ width: number;
6091
+ height: number;
6092
+ marginBottom: any;
6093
+ backgroundColor: any;
6094
+ maskRepeat: string;
6095
+ maskPosition: string;
6096
+ maskSize: string;
6097
+ WebkitMaskRepeat: string;
6098
+ WebkitMaskPosition: string;
6099
+ WebkitMaskSize: string;
6100
+ };
6101
+ '& .SCLeaderboardWidget-podium-avatar-wrap': {
6102
+ position: string;
6103
+ marginBottom: any;
6104
+ };
6105
+ '& .SCLeaderboardWidget-podium-item-1 .SCLeaderboardWidget-podium-avatar': {
6106
+ width: number;
6107
+ height: number;
6108
+ border: string;
6109
+ };
6110
+ '& .SCLeaderboardWidget-podium-item-2 .SCLeaderboardWidget-podium-avatar, & .SCLeaderboardWidget-podium-item-3 .SCLeaderboardWidget-podium-avatar': {
6111
+ width: number;
6112
+ height: number;
6113
+ border: string;
6114
+ };
6115
+ '& .SCLeaderboardWidget-podium-badge': {
6116
+ position: string;
6117
+ bottom: number;
6118
+ left: string;
6119
+ transform: string;
6120
+ display: string;
6121
+ alignItems: string;
6122
+ justifyContent: string;
6123
+ width: number;
6124
+ height: number;
6125
+ borderRadius: string;
6126
+ backgroundColor: any;
6127
+ color: any;
6128
+ fontSize: number;
6129
+ lineHeight: number;
6130
+ fontWeight: any;
6131
+ border: string;
6132
+ };
6133
+ '& .SCLeaderboardWidget-podium-name': {
6134
+ textAlign: string;
6135
+ };
6136
+ '& .SCLeaderboardWidget-podium-score': {
6137
+ color: any;
6138
+ };
6139
+ '& .SCLeaderboardWidget-ranking-header': {
6140
+ marginBottom: any;
6141
+ };
6142
+ '& .SCLeaderboardWidget-ranking-title': {
6143
+ fontWeight: any;
6144
+ };
6145
+ '& .SCLeaderboardWidget-ranking-item': {
6146
+ padding: any;
6147
+ borderRadius: any;
6148
+ };
6149
+ '& .SCLeaderboardWidget-ranking-item-active': {
6150
+ backgroundColor: string;
6151
+ };
6152
+ '& .SCLeaderboardWidget-ranking-position': {
6153
+ width: number;
6154
+ color: any;
6155
+ };
6156
+ '& .SCLeaderboardWidget-ranking-avatar': {
6157
+ width: number;
6158
+ height: number;
6159
+ };
6160
+ '& .SCLeaderboardWidget-ranking-name': {
6161
+ flex: number;
6162
+ overflow: string;
6163
+ textOverflow: string;
6164
+ whiteSpace: string;
6165
+ };
6166
+ '& .SCLeaderboardWidget-ranking-score': {
6167
+ color: any;
6168
+ };
6169
+ '& .SCLeaderboardWidget-see-more': {
6170
+ display: string;
6171
+ marginTop: any;
6172
+ color: any;
6173
+ cursor: string;
6174
+ fontWeight: any;
6175
+ };
6176
+ };
6177
+ skeletonRoot: ({ theme }: any) => {
6178
+ borderRadius: number;
6179
+ '& .SCLeaderboardWidget-podium-header': {
6180
+ marginBottom: any;
6181
+ };
6182
+ '& .SCLeaderboardWidget-podium': {
6183
+ marginBottom: any;
6184
+ };
6185
+ '& .SCLeaderboardWidget-ranking-header': {
6186
+ marginBottom: any;
6187
+ };
6188
+ '& .SCLeaderboardWidget-ranking-item': {
6189
+ padding: any;
6190
+ };
6191
+ };
6192
+ };
6193
+ };
5989
6194
  SCLessonEditForm: {
5990
6195
  styleOverrides: {
5991
6196
  root: ({ theme }: any) => {
@@ -8156,9 +8361,6 @@ declare const theme: {
8156
8361
  '& .SCOnBoardingWidget-app-image-android': {
8157
8362
  width: string;
8158
8363
  marginTop: any;
8159
- /**
8160
- * Style assets - Imports - Start
8161
- */
8162
8364
  marginBottom: any;
8163
8365
  };
8164
8366
  };
package/lib/esm/index.js CHANGED
@@ -127,6 +127,9 @@ import SCLessonCommentActionsMenu from './components/SCLessonCommentActionsMenu'
127
127
  import SCLessonCommentObject from './components/SCLessonCommentObject';
128
128
  import SCLessonCommentObjects from './components/SCLessonCommentObjects';
129
129
  import SCCourseCompletedDialog from './components/SCCourseCompletedDialog';
130
+ import SCLeaderboardInfoWidget from './components/SCLeaderboardInfoWidget';
131
+ import SCLeaderboardPositionWidget from './components/SCLeaderboardPositionWidget';
132
+ import SCLeaderboardWidget from './components/SCLeaderboardWidget';
130
133
  import SCLessonEditForm from './components/SCLessonEditForm';
131
134
  import SCLessonFilePreview from './components/SCLessonFilePreview';
132
135
  import SCLessonTemplate from './components/SCLessonTemplate';
@@ -410,6 +413,9 @@ const theme = {
410
413
  SCLessonCommentObject,
411
414
  SCLessonCommentObjects,
412
415
  SCCourseCompletedDialog,
416
+ SCLeaderboardInfoWidget,
417
+ SCLeaderboardPositionWidget,
418
+ SCLeaderboardWidget,
413
419
  SCLessonEditForm,
414
420
  SCLessonFilePreview,
415
421
  SCLessonTemplate,