@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.
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 +148 -0
  6. package/lib/cjs/components/SCLeaderboardWidget.js +151 -0
  7. package/lib/cjs/index.d.ts +219 -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 +148 -0
  14. package/lib/esm/components/SCLeaderboardWidget.js +149 -0
  15. package/lib/esm/index.d.ts +219 -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/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
  };
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,