@selfcommunity/react-theme-default 1.2.14-alpha.0 → 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.
Files changed (8) hide show
  1. package/lib/cjs/components/SCLeaderboardWidget.d.ts +17 -3
  2. package/lib/cjs/components/SCLeaderboardWidget.js +20 -6
  3. package/lib/cjs/index.d.ts +17 -3
  4. package/lib/esm/components/SCLeaderboardWidget.d.ts +17 -3
  5. package/lib/esm/components/SCLeaderboardWidget.js +20 -6
  6. package/lib/esm/index.d.ts +17 -3
  7. package/lib/umd/react-theme-default.js +1 -1
  8. package/package.json +2 -2
package/lib/cjs/components/SCLeaderboardWidget.d.ts CHANGED
@@ -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: any;
95
+ borderRadius: number;
96
+ backgroundColor: any;
97
+ boxShadow: string;
88
98
  };
89
99
  '& .SCLeaderboardWidget-ranking-item-active': {
90
- backgroundColor: string;
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;
package/lib/cjs/components/SCLeaderboardWidget.js CHANGED
@@ -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: 24,
34
- height: 24,
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
- textAlign: 'center'
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: theme.shape.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: (0, material_1.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity)
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
@@ -6086,10 +6086,14 @@ declare const theme: {
6086
6086
  order: number;
6087
6087
  };
6088
6088
  '& .SCLeaderboardWidget-podium-crown': {
6089
+ position: string;
6090
+ top: number;
6091
+ left: string;
6092
+ transform: string;
6093
+ zIndex: number;
6089
6094
  display: string;
6090
6095
  width: number;
6091
6096
  height: number;
6092
- marginBottom: any;
6093
6097
  backgroundColor: any;
6094
6098
  maskRepeat: string;
6095
6099
  maskPosition: string;
@@ -6131,7 +6135,11 @@ declare const theme: {
6131
6135
  border: string;
6132
6136
  };
6133
6137
  '& .SCLeaderboardWidget-podium-name': {
6138
+ width: string;
6134
6139
  textAlign: string;
6140
+ overflow: string;
6141
+ textOverflow: string;
6142
+ whiteSpace: string;
6135
6143
  };
6136
6144
  '& .SCLeaderboardWidget-podium-score': {
6137
6145
  color: any;
@@ -6144,10 +6152,16 @@ declare const theme: {
6144
6152
  };
6145
6153
  '& .SCLeaderboardWidget-ranking-item': {
6146
6154
  padding: any;
6147
- borderRadius: any;
6155
+ borderRadius: number;
6156
+ backgroundColor: any;
6157
+ boxShadow: string;
6148
6158
  };
6149
6159
  '& .SCLeaderboardWidget-ranking-item-active': {
6150
- backgroundColor: string;
6160
+ backgroundColor: any;
6161
+ boxShadow: string;
6162
+ '& .SCLeaderboardWidget-ranking-position, & .SCLeaderboardWidget-ranking-name, & .SCLeaderboardWidget-ranking-score': {
6163
+ color: any;
6164
+ };
6151
6165
  };
6152
6166
  '& .SCLeaderboardWidget-ranking-position': {
6153
6167
  width: number;
package/lib/esm/components/SCLeaderboardWidget.d.ts CHANGED
@@ -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: any;
95
+ borderRadius: number;
96
+ backgroundColor: any;
97
+ boxShadow: string;
88
98
  };
89
99
  '& .SCLeaderboardWidget-ranking-item-active': {
90
- backgroundColor: string;
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;
package/lib/esm/components/SCLeaderboardWidget.js CHANGED
@@ -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: 24,
32
- height: 24,
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
- textAlign: 'center'
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: theme.shape.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: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity)
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
@@ -6086,10 +6086,14 @@ declare const theme: {
6086
6086
  order: number;
6087
6087
  };
6088
6088
  '& .SCLeaderboardWidget-podium-crown': {
6089
+ position: string;
6090
+ top: number;
6091
+ left: string;
6092
+ transform: string;
6093
+ zIndex: number;
6089
6094
  display: string;
6090
6095
  width: number;
6091
6096
  height: number;
6092
- marginBottom: any;
6093
6097
  backgroundColor: any;
6094
6098
  maskRepeat: string;
6095
6099
  maskPosition: string;
@@ -6131,7 +6135,11 @@ declare const theme: {
6131
6135
  border: string;
6132
6136
  };
6133
6137
  '& .SCLeaderboardWidget-podium-name': {
6138
+ width: string;
6134
6139
  textAlign: string;
6140
+ overflow: string;
6141
+ textOverflow: string;
6142
+ whiteSpace: string;
6135
6143
  };
6136
6144
  '& .SCLeaderboardWidget-podium-score': {
6137
6145
  color: any;
@@ -6144,10 +6152,16 @@ declare const theme: {
6144
6152
  };
6145
6153
  '& .SCLeaderboardWidget-ranking-item': {
6146
6154
  padding: any;
6147
- borderRadius: any;
6155
+ borderRadius: number;
6156
+ backgroundColor: any;
6157
+ boxShadow: string;
6148
6158
  };
6149
6159
  '& .SCLeaderboardWidget-ranking-item-active': {
6150
- backgroundColor: string;
6160
+ backgroundColor: any;
6161
+ boxShadow: string;
6162
+ '& .SCLeaderboardWidget-ranking-position, & .SCLeaderboardWidget-ranking-name, & .SCLeaderboardWidget-ranking-score': {
6163
+ color: any;
6164
+ };
6151
6165
  };
6152
6166
  '& .SCLeaderboardWidget-ranking-position': {
6153
6167
  width: number;