@selfcommunity/react-theme-default 0.4.2-courses.120 → 0.4.2-courses.122

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.
@@ -35,6 +35,21 @@ declare const Component: {
35
35
  };
36
36
  };
37
37
  };
38
+ skeletonRoot: ({ theme }: {
39
+ theme: any;
40
+ }) => {
41
+ border: string;
42
+ borderRadius: string;
43
+ '& .SCAccordionLessons-accordion': {
44
+ '& .SCAccordionLessons-summary': {
45
+ display: string;
46
+ justifyContent: string;
47
+ borderBottom: string;
48
+ padding: any;
49
+ backgroundColor: any;
50
+ };
51
+ };
52
+ };
38
53
  };
39
54
  };
40
55
  export default Component;
@@ -34,6 +34,19 @@ const Component = {
34
34
  }
35
35
  }
36
36
  }
37
+ }),
38
+ skeletonRoot: ({ theme }) => ({
39
+ border: `1px solid ${theme.palette.grey['300']}`,
40
+ borderRadius: '5px',
41
+ '& .SCAccordionLessons-accordion': {
42
+ '& .SCAccordionLessons-summary': {
43
+ display: 'flex',
44
+ justifyContent: 'space-between',
45
+ borderBottom: `1px solid ${theme.palette.grey['300']}`,
46
+ padding: theme.spacing('22px', 3),
47
+ backgroundColor: theme.palette.grey['200']
48
+ }
49
+ }
37
50
  })
38
51
  }
39
52
  };
@@ -130,10 +130,6 @@ declare const Component: {
130
130
  };
131
131
  };
132
132
  '&.SCCourseDashboard-student-container': {
133
- '& .SCCourseDashboard-progress': {
134
- borderRadius: string;
135
- backgroundColor: any;
136
- };
137
133
  '& .SCCourseDashboard-accordion': {
138
134
  borderTopLeftRadius: string;
139
135
  borderTopRightRadius: string;
@@ -191,6 +187,10 @@ declare const Component: {
191
187
  justifyContent: string;
192
188
  gap: string;
193
189
  };
190
+ '& .SCCourseDashboard-progress': {
191
+ borderRadius: string;
192
+ backgroundColor: any;
193
+ };
194
194
  '& .SCCourseDashboard-completed-wrapper': {
195
195
  flexDirection: string;
196
196
  alignItems: string;
@@ -198,7 +198,140 @@ declare const Component: {
198
198
  };
199
199
  };
200
200
  };
201
- skeletonRoot: () => {};
201
+ skeletonRoot: ({ theme }: {
202
+ theme: any;
203
+ }) => {
204
+ '& .SCCourseDashboard-header': {
205
+ [x: number]: {
206
+ paddingLeft: string;
207
+ paddingRight: string;
208
+ };
209
+ '& .SCCourseDashboard-header-img': {
210
+ [x: number]: {
211
+ display: string;
212
+ };
213
+ width: string;
214
+ minHeight: string;
215
+ height: string;
216
+ borderBottomLeftRadius: string;
217
+ borderBottomRightRadius: string;
218
+ marginBottom: string;
219
+ };
220
+ '& .SCCourseDashboard-header-outer-wrapper': {
221
+ [x: number]: {
222
+ flexDirection: string;
223
+ alignItems: string;
224
+ justifyContent: string;
225
+ marginTop: any;
226
+ marginBottom: string;
227
+ };
228
+ alignItems: string;
229
+ gap: string;
230
+ marginTop: any;
231
+ marginBottom: any;
232
+ '& .SCCourseDashboard-header-inner-wrapper': {
233
+ [x: number]: {
234
+ flexDirection: string;
235
+ alignItems: string;
236
+ gap: string;
237
+ };
238
+ alignItems: string;
239
+ gap: string;
240
+ '& .SCCourseDashboard-header-icon-wrapper': {
241
+ flexDirection: string;
242
+ alignItems: string;
243
+ gap: any;
244
+ };
245
+ };
246
+ };
247
+ };
248
+ '&.SCCourseDashboard-teacher': {
249
+ '& .SCCourseDashboard-info-wrapper': {
250
+ [x: number]: {
251
+ flexDirection: string;
252
+ gap: string;
253
+ paddingLeft?: undefined;
254
+ paddingRight?: undefined;
255
+ } | {
256
+ paddingLeft: string;
257
+ paddingRight: string;
258
+ flexDirection?: undefined;
259
+ gap?: undefined;
260
+ };
261
+ gap: any;
262
+ marginBottom: any;
263
+ '& .SCCourseDashboard-info': {
264
+ flex: number;
265
+ gap: string;
266
+ border: string;
267
+ borderRadius: string;
268
+ padding: any;
269
+ '& .SCCourseParticipantsButton-root': {
270
+ justifyContent: string;
271
+ padding: number;
272
+ };
273
+ };
274
+ };
275
+ '& .SCCourseDashboard-tab-list': {
276
+ flexDirection: string;
277
+ alignItems: string;
278
+ justifyContent: string;
279
+ gap: any;
280
+ borderBottom: string;
281
+ padding: any;
282
+ };
283
+ };
284
+ '&.SCCourseDashboard-student': {
285
+ '& .SCCourseDashboard-user-wrapper': {
286
+ flexDirection: string;
287
+ alignItems: string;
288
+ justifyContent: string;
289
+ '& .SCCourseDashboard-user': {
290
+ flexDirection: string;
291
+ alignItems: string;
292
+ gap: string;
293
+ marginTop: string;
294
+ marginBottom: string;
295
+ '& .SCCourseDashboard-avatar': {
296
+ width: string;
297
+ height: string;
298
+ };
299
+ };
300
+ };
301
+ '& .SCCourseDashboard-margin': {
302
+ marginTop: string;
303
+ marginBottom: string;
304
+ };
305
+ '& .SCCourseDashboard-box': {
306
+ gap: string;
307
+ border: string;
308
+ borderRadius: string;
309
+ padding: string;
310
+ };
311
+ '& .SCCourseDashboard-percentage-wrapper': {
312
+ [x: number]: {
313
+ flexDirection: string;
314
+ };
315
+ justifyContent: string;
316
+ gap: string;
317
+ };
318
+ '& .SCCourseDashboard-lessons-sections': {
319
+ flexDirection: string;
320
+ alignItems: string;
321
+ gap: string;
322
+ border: string;
323
+ borderBottom: string;
324
+ borderTopLeftRadius: string;
325
+ borderTopRightRadius: string;
326
+ padding: string;
327
+ '& .SCCourseDashboard-circle': {
328
+ width: string;
329
+ height: string;
330
+ borderRadius: number;
331
+ };
332
+ };
333
+ };
334
+ };
202
335
  };
203
336
  };
204
337
  export default Component;
@@ -127,10 +127,6 @@ const Component = {
127
127
  }
128
128
  },
129
129
  '&.SCCourseDashboard-student-container': {
130
- '& .SCCourseDashboard-progress': {
131
- borderRadius: '28px',
132
- backgroundColor: theme.palette.grey['300']
133
- },
134
130
  '& .SCCourseDashboard-accordion': {
135
131
  borderTopLeftRadius: 'unset',
136
132
  borderTopRightRadius: 'unset'
@@ -188,6 +184,10 @@ const Component = {
188
184
  flexDirection: 'row'
189
185
  }
190
186
  },
187
+ '& .SCCourseDashboard-progress': {
188
+ borderRadius: '28px',
189
+ backgroundColor: theme.palette.grey['300']
190
+ },
191
191
  '& .SCCourseDashboard-completed-wrapper': {
192
192
  flexDirection: 'row',
193
193
  alignItems: 'center',
@@ -195,7 +195,135 @@ const Component = {
195
195
  }
196
196
  }
197
197
  }),
198
- skeletonRoot: () => ({})
198
+ skeletonRoot: ({ theme }) => ({
199
+ '& .SCCourseDashboard-header': {
200
+ [theme.breakpoints.down('sm')]: {
201
+ paddingLeft: '14px',
202
+ paddingRight: '14px'
203
+ },
204
+ '& .SCCourseDashboard-header-img': {
205
+ width: '100%',
206
+ minHeight: '150px',
207
+ height: '230px',
208
+ borderBottomLeftRadius: '10px',
209
+ borderBottomRightRadius: '10px',
210
+ marginBottom: '17px',
211
+ [theme.breakpoints.down('sm')]: {
212
+ display: 'none'
213
+ }
214
+ },
215
+ '& .SCCourseDashboard-header-outer-wrapper': {
216
+ alignItems: 'flex-start',
217
+ gap: '32px',
218
+ marginTop: theme.spacing(2),
219
+ marginBottom: theme.spacing(3),
220
+ [theme.breakpoints.up('sm')]: {
221
+ flexDirection: 'row',
222
+ alignItems: 'center',
223
+ justifyContent: 'space-between',
224
+ marginTop: theme.spacing(3),
225
+ marginBottom: '19px'
226
+ },
227
+ '& .SCCourseDashboard-header-inner-wrapper': {
228
+ alignItems: 'flex-start',
229
+ gap: '17px',
230
+ [theme.breakpoints.up('sm')]: {
231
+ flexDirection: 'row',
232
+ alignItems: 'center',
233
+ gap: '28px'
234
+ },
235
+ '& .SCCourseDashboard-header-icon-wrapper': {
236
+ flexDirection: 'row',
237
+ alignItems: 'center',
238
+ gap: theme.spacing(1)
239
+ }
240
+ }
241
+ }
242
+ },
243
+ '&.SCCourseDashboard-teacher': {
244
+ '& .SCCourseDashboard-info-wrapper': {
245
+ gap: theme.spacing(2),
246
+ marginBottom: theme.spacing(2),
247
+ [theme.breakpoints.up('sm')]: {
248
+ flexDirection: 'row',
249
+ gap: '38px'
250
+ },
251
+ [theme.breakpoints.down('sm')]: {
252
+ paddingLeft: '14px',
253
+ paddingRight: '14px'
254
+ },
255
+ '& .SCCourseDashboard-info': {
256
+ flex: 1,
257
+ gap: '6px',
258
+ border: `1px solid ${theme.palette.grey['300']}`,
259
+ borderRadius: '10px',
260
+ padding: theme.spacing('17px', 3, '19px'),
261
+ '& .SCCourseParticipantsButton-root': {
262
+ justifyContent: 'flex-start',
263
+ padding: 0
264
+ }
265
+ }
266
+ },
267
+ '& .SCCourseDashboard-tab-list': {
268
+ flexDirection: 'row',
269
+ alignItems: 'center',
270
+ justifyContent: 'center',
271
+ gap: theme.spacing(4),
272
+ borderBottom: `1px solid ${theme.palette.grey['300']}`,
273
+ padding: theme.spacing('12px 0')
274
+ }
275
+ },
276
+ '&.SCCourseDashboard-student': {
277
+ '& .SCCourseDashboard-user-wrapper': {
278
+ flexDirection: 'row',
279
+ alignItems: 'center',
280
+ justifyContent: 'space-between',
281
+ '& .SCCourseDashboard-user': {
282
+ flexDirection: 'row',
283
+ alignItems: 'center',
284
+ gap: '4px',
285
+ marginTop: '6px',
286
+ marginBottom: '6px',
287
+ '& .SCCourseDashboard-avatar': {
288
+ width: '36px',
289
+ height: '36px'
290
+ }
291
+ }
292
+ },
293
+ '& .SCCourseDashboard-margin': {
294
+ marginTop: '19px',
295
+ marginBottom: '11px'
296
+ },
297
+ '& .SCCourseDashboard-box': {
298
+ gap: '13px',
299
+ border: `1px solid ${theme.palette.grey['300']}`,
300
+ borderRadius: '5px',
301
+ padding: '11px 24px'
302
+ },
303
+ '& .SCCourseDashboard-percentage-wrapper': {
304
+ justifyContent: 'space-between',
305
+ gap: '5px',
306
+ [theme.breakpoints.up('sm')]: {
307
+ flexDirection: 'row'
308
+ }
309
+ },
310
+ '& .SCCourseDashboard-lessons-sections': {
311
+ flexDirection: 'row',
312
+ alignItems: 'center',
313
+ gap: '6px',
314
+ border: `1px solid ${theme.palette.grey['300']}`,
315
+ borderBottom: 'unset',
316
+ borderTopLeftRadius: '5px',
317
+ borderTopRightRadius: '5px',
318
+ padding: '19px 24px',
319
+ '& .SCCourseDashboard-circle': {
320
+ width: '6px',
321
+ height: '6px',
322
+ borderRadius: 9999
323
+ }
324
+ }
325
+ }
326
+ })
199
327
  }
200
328
  };
201
329
  exports.default = Component;
@@ -40,7 +40,11 @@ declare const Component: {
40
40
  marginLeft: any;
41
41
  };
42
42
  };
43
- skeletonRoot: () => {};
43
+ skeletonRoot: ({ theme }: {
44
+ theme: any;
45
+ }) => {
46
+ paddingTop: any;
47
+ };
44
48
  dialogRoot: ({ theme }: {
45
49
  theme: any;
46
50
  }) => {
@@ -40,7 +40,9 @@ const Component = {
40
40
  marginLeft: theme.spacing(3)
41
41
  }
42
42
  }),
43
- skeletonRoot: () => ({}),
43
+ skeletonRoot: ({ theme }) => ({
44
+ paddingTop: theme.spacing(3)
45
+ }),
44
46
  dialogRoot: ({ theme }) => ({
45
47
  '& .MuiDialogContent-root': {
46
48
  [theme.breakpoints.down('md')]: {
@@ -1,6 +1,9 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
+ [x: number]: {
5
+ paddingBottom: any;
6
+ };
4
7
  padding: any;
5
8
  height: string;
6
9
  display: string;
@@ -4,6 +4,9 @@ const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
6
  padding: theme.spacing(2),
7
+ [theme.breakpoints.up('sm')]: {
8
+ paddingBottom: theme.spacing(5)
9
+ },
7
10
  height: '100%',
8
11
  display: 'flex',
9
12
  flexDirection: 'column',
@@ -270,6 +270,21 @@ declare const theme: {
270
270
  };
271
271
  };
272
272
  };
273
+ skeletonRoot: ({ theme }: {
274
+ theme: any;
275
+ }) => {
276
+ border: string;
277
+ borderRadius: string;
278
+ '& .SCAccordionLessons-accordion': {
279
+ '& .SCAccordionLessons-summary': {
280
+ display: string;
281
+ justifyContent: string;
282
+ borderBottom: string;
283
+ padding: any;
284
+ backgroundColor: any;
285
+ };
286
+ };
287
+ };
273
288
  };
274
289
  };
275
290
  SCAccountChangeMailValidation: {
@@ -2107,10 +2122,6 @@ declare const theme: {
2107
2122
  };
2108
2123
  };
2109
2124
  '&.SCCourseDashboard-student-container': {
2110
- '& .SCCourseDashboard-progress': {
2111
- borderRadius: string;
2112
- backgroundColor: any;
2113
- };
2114
2125
  '& .SCCourseDashboard-accordion': {
2115
2126
  borderTopLeftRadius: string;
2116
2127
  borderTopRightRadius: string;
@@ -2168,6 +2179,10 @@ declare const theme: {
2168
2179
  justifyContent: string;
2169
2180
  gap: string;
2170
2181
  };
2182
+ '& .SCCourseDashboard-progress': {
2183
+ borderRadius: string;
2184
+ backgroundColor: any;
2185
+ };
2171
2186
  '& .SCCourseDashboard-completed-wrapper': {
2172
2187
  flexDirection: string;
2173
2188
  alignItems: string;
@@ -2175,7 +2190,140 @@ declare const theme: {
2175
2190
  };
2176
2191
  };
2177
2192
  };
2178
- skeletonRoot: () => {};
2193
+ skeletonRoot: ({ theme }: {
2194
+ theme: any;
2195
+ }) => {
2196
+ '& .SCCourseDashboard-header': {
2197
+ [x: number]: {
2198
+ paddingLeft: string;
2199
+ paddingRight: string;
2200
+ };
2201
+ '& .SCCourseDashboard-header-img': {
2202
+ [x: number]: {
2203
+ display: string;
2204
+ };
2205
+ width: string;
2206
+ minHeight: string;
2207
+ height: string;
2208
+ borderBottomLeftRadius: string;
2209
+ borderBottomRightRadius: string;
2210
+ marginBottom: string;
2211
+ };
2212
+ '& .SCCourseDashboard-header-outer-wrapper': {
2213
+ [x: number]: {
2214
+ flexDirection: string;
2215
+ alignItems: string;
2216
+ justifyContent: string;
2217
+ marginTop: any;
2218
+ marginBottom: string;
2219
+ };
2220
+ alignItems: string;
2221
+ gap: string;
2222
+ marginTop: any;
2223
+ marginBottom: any;
2224
+ '& .SCCourseDashboard-header-inner-wrapper': {
2225
+ [x: number]: {
2226
+ flexDirection: string;
2227
+ alignItems: string;
2228
+ gap: string;
2229
+ };
2230
+ alignItems: string;
2231
+ gap: string;
2232
+ '& .SCCourseDashboard-header-icon-wrapper': {
2233
+ flexDirection: string;
2234
+ alignItems: string;
2235
+ gap: any;
2236
+ };
2237
+ };
2238
+ };
2239
+ };
2240
+ '&.SCCourseDashboard-teacher': {
2241
+ '& .SCCourseDashboard-info-wrapper': {
2242
+ [x: number]: {
2243
+ flexDirection: string;
2244
+ gap: string;
2245
+ paddingLeft?: undefined;
2246
+ paddingRight?: undefined;
2247
+ } | {
2248
+ paddingLeft: string;
2249
+ paddingRight: string;
2250
+ flexDirection?: undefined;
2251
+ gap?: undefined;
2252
+ };
2253
+ gap: any;
2254
+ marginBottom: any;
2255
+ '& .SCCourseDashboard-info': {
2256
+ flex: number;
2257
+ gap: string;
2258
+ border: string;
2259
+ borderRadius: string;
2260
+ padding: any;
2261
+ '& .SCCourseParticipantsButton-root': {
2262
+ justifyContent: string;
2263
+ padding: number;
2264
+ };
2265
+ };
2266
+ };
2267
+ '& .SCCourseDashboard-tab-list': {
2268
+ flexDirection: string;
2269
+ alignItems: string;
2270
+ justifyContent: string;
2271
+ gap: any;
2272
+ borderBottom: string;
2273
+ padding: any;
2274
+ };
2275
+ };
2276
+ '&.SCCourseDashboard-student': {
2277
+ '& .SCCourseDashboard-user-wrapper': {
2278
+ flexDirection: string;
2279
+ alignItems: string;
2280
+ justifyContent: string;
2281
+ '& .SCCourseDashboard-user': {
2282
+ flexDirection: string;
2283
+ alignItems: string;
2284
+ gap: string;
2285
+ marginTop: string;
2286
+ marginBottom: string;
2287
+ '& .SCCourseDashboard-avatar': {
2288
+ width: string;
2289
+ height: string;
2290
+ };
2291
+ };
2292
+ };
2293
+ '& .SCCourseDashboard-margin': {
2294
+ marginTop: string;
2295
+ marginBottom: string;
2296
+ };
2297
+ '& .SCCourseDashboard-box': {
2298
+ gap: string;
2299
+ border: string;
2300
+ borderRadius: string;
2301
+ padding: string;
2302
+ };
2303
+ '& .SCCourseDashboard-percentage-wrapper': {
2304
+ [x: number]: {
2305
+ flexDirection: string;
2306
+ };
2307
+ justifyContent: string;
2308
+ gap: string;
2309
+ };
2310
+ '& .SCCourseDashboard-lessons-sections': {
2311
+ flexDirection: string;
2312
+ alignItems: string;
2313
+ gap: string;
2314
+ border: string;
2315
+ borderBottom: string;
2316
+ borderTopLeftRadius: string;
2317
+ borderTopRightRadius: string;
2318
+ padding: string;
2319
+ '& .SCCourseDashboard-circle': {
2320
+ width: string;
2321
+ height: string;
2322
+ borderRadius: number;
2323
+ };
2324
+ };
2325
+ };
2326
+ };
2179
2327
  };
2180
2328
  };
2181
2329
  SCCourses: {
@@ -2599,7 +2747,11 @@ declare const theme: {
2599
2747
  marginLeft: any;
2600
2748
  };
2601
2749
  };
2602
- skeletonRoot: () => {};
2750
+ skeletonRoot: ({ theme }: {
2751
+ theme: any;
2752
+ }) => {
2753
+ paddingTop: any;
2754
+ };
2603
2755
  dialogRoot: ({ theme }: {
2604
2756
  theme: any;
2605
2757
  }) => {
@@ -5273,6 +5425,9 @@ declare const theme: {
5273
5425
  SCLessonEditForm: {
5274
5426
  styleOverrides: {
5275
5427
  root: ({ theme }: any) => {
5428
+ [x: number]: {
5429
+ paddingBottom: any;
5430
+ };
5276
5431
  padding: any;
5277
5432
  height: string;
5278
5433
  display: string;
@@ -35,6 +35,21 @@ declare const Component: {
35
35
  };
36
36
  };
37
37
  };
38
+ skeletonRoot: ({ theme }: {
39
+ theme: any;
40
+ }) => {
41
+ border: string;
42
+ borderRadius: string;
43
+ '& .SCAccordionLessons-accordion': {
44
+ '& .SCAccordionLessons-summary': {
45
+ display: string;
46
+ justifyContent: string;
47
+ borderBottom: string;
48
+ padding: any;
49
+ backgroundColor: any;
50
+ };
51
+ };
52
+ };
38
53
  };
39
54
  };
40
55
  export default Component;
@@ -32,6 +32,19 @@ const Component = {
32
32
  }
33
33
  }
34
34
  }
35
+ }),
36
+ skeletonRoot: ({ theme }) => ({
37
+ border: `1px solid ${theme.palette.grey['300']}`,
38
+ borderRadius: '5px',
39
+ '& .SCAccordionLessons-accordion': {
40
+ '& .SCAccordionLessons-summary': {
41
+ display: 'flex',
42
+ justifyContent: 'space-between',
43
+ borderBottom: `1px solid ${theme.palette.grey['300']}`,
44
+ padding: theme.spacing('22px', 3),
45
+ backgroundColor: theme.palette.grey['200']
46
+ }
47
+ }
35
48
  })
36
49
  }
37
50
  };