@selfcommunity/react-theme-default 0.4.2-courses.119 → 0.4.2-courses.121

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 (20) hide show
  1. package/lib/cjs/components/SCAccordionLessons.d.ts +15 -0
  2. package/lib/cjs/components/SCAccordionLessons.js +13 -0
  3. package/lib/cjs/components/SCCourseDashboard.d.ts +138 -5
  4. package/lib/cjs/components/SCCourseDashboard.js +133 -5
  5. package/lib/cjs/components/SCCourseUsersTable.d.ts +5 -1
  6. package/lib/cjs/components/SCCourseUsersTable.js +3 -1
  7. package/lib/cjs/components/SCLessonCommentObjects.d.ts +6 -0
  8. package/lib/cjs/components/SCLessonCommentObjects.js +7 -1
  9. package/lib/cjs/index.d.ts +164 -6
  10. package/lib/esm/components/SCAccordionLessons.d.ts +15 -0
  11. package/lib/esm/components/SCAccordionLessons.js +13 -0
  12. package/lib/esm/components/SCCourseDashboard.d.ts +138 -5
  13. package/lib/esm/components/SCCourseDashboard.js +133 -5
  14. package/lib/esm/components/SCCourseUsersTable.d.ts +5 -1
  15. package/lib/esm/components/SCCourseUsersTable.js +3 -1
  16. package/lib/esm/components/SCLessonCommentObjects.d.ts +6 -0
  17. package/lib/esm/components/SCLessonCommentObjects.js +7 -1
  18. package/lib/esm/index.d.ts +164 -6
  19. package/lib/umd/react-theme-default.js +1 -1
  20. package/package.json +2 -2
package/lib/cjs/components/SCAccordionLessons.d.ts CHANGED
@@ -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;
package/lib/cjs/components/SCAccordionLessons.js CHANGED
@@ -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
  };
package/lib/cjs/components/SCCourseDashboard.d.ts CHANGED
@@ -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;
package/lib/cjs/components/SCCourseDashboard.js CHANGED
@@ -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;
package/lib/cjs/components/SCCourseUsersTable.d.ts CHANGED
@@ -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
  }) => {
package/lib/cjs/components/SCCourseUsersTable.js CHANGED
@@ -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')]: {
package/lib/cjs/components/SCLessonCommentObjects.d.ts CHANGED
@@ -12,6 +12,12 @@ declare const Component: {
12
12
  justifyContent: string;
13
13
  '& .SCCommentObjectReply-root': {
14
14
  backgroundColor: string;
15
+ '& .SCEditor-root': {
16
+ paddingTop: any;
17
+ };
18
+ '& .SCEditor-content': {
19
+ minHeight: string;
20
+ };
15
21
  '& .SCEditor-actions': {
16
22
  left: any;
17
23
  '& .SCCommentObjectReply-icon-reply': {
package/lib/cjs/components/SCLessonCommentObjects.js CHANGED
@@ -10,10 +10,16 @@ const Component = {
10
10
  height: '90%'
11
11
  },
12
12
  overflowY: 'auto',
13
- padding: theme.spacing(2),
13
+ padding: theme.spacing(2, 2, 3, 2),
14
14
  justifyContent: 'space-between',
15
15
  '& .SCCommentObjectReply-root': {
16
16
  backgroundColor: 'transparent',
17
+ '& .SCEditor-root': {
18
+ paddingTop: theme.spacing(2)
19
+ },
20
+ '& .SCEditor-content': {
21
+ minHeight: '50px'
22
+ },
17
23
  '& .SCEditor-actions': {
18
24
  left: theme.spacing(1),
19
25
  '& .SCCommentObjectReply-icon-reply': {
package/lib/cjs/index.d.ts CHANGED
@@ -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
  }) => {
@@ -5217,6 +5369,12 @@ declare const theme: {
5217
5369
  justifyContent: string;
5218
5370
  '& .SCCommentObjectReply-root': {
5219
5371
  backgroundColor: string;
5372
+ '& .SCEditor-root': {
5373
+ paddingTop: any;
5374
+ };
5375
+ '& .SCEditor-content': {
5376
+ minHeight: string;
5377
+ };
5220
5378
  '& .SCEditor-actions': {
5221
5379
  left: any;
5222
5380
  '& .SCCommentObjectReply-icon-reply': {
package/lib/esm/components/SCAccordionLessons.d.ts CHANGED
@@ -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;
package/lib/esm/components/SCAccordionLessons.js CHANGED
@@ -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
  };