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

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.
@@ -184,9 +184,43 @@ declare const Component: {
184
184
  };
185
185
  };
186
186
  };
187
- lessonsSkeletonRoot: ({ theme }: {
187
+ skeletonRoot: ({ theme }: {
188
188
  theme: any;
189
189
  }) => {
190
+ '& .SCEditCourse-header': {
191
+ [x: number]: {
192
+ paddingLeft: any;
193
+ };
194
+ flexDirection: string;
195
+ alignItems: string;
196
+ gap: any;
197
+ };
198
+ '& .SCEditCourse-tab-list': {
199
+ flexDirection: string;
200
+ alignItems: string;
201
+ justifyContent: string;
202
+ gap: any;
203
+ borderBottom: string;
204
+ padding: any;
205
+ marginBottom: string;
206
+ };
207
+ '& .SCEditCourse-lesson-title': {
208
+ [x: number]: {
209
+ display: string;
210
+ };
211
+ marginBottom: string;
212
+ };
213
+ '& .SCEditCourse-lesson-info-wrapper': {
214
+ flexDirection: string;
215
+ alignItems: string;
216
+ justifyContent: string;
217
+ gap: any;
218
+ '& .SCEditCourse-lesson-info': {
219
+ flexDirection: string;
220
+ alignItems: string;
221
+ gap: any;
222
+ };
223
+ };
190
224
  '& .SCEditCourse-lessons-sections-wrapper': {
191
225
  flexDirection: string;
192
226
  alignItems: string;
@@ -201,17 +235,38 @@ declare const Component: {
201
235
  border: string;
202
236
  borderBottomLeftRadius: string;
203
237
  borderBottomRightRadius: string;
238
+ '& .SCEditCourse-margin': {
239
+ margin: string;
240
+ };
241
+ '& .SCEditCourse-margin-left': {
242
+ marginLeft: string;
243
+ };
244
+ '& .SCEditCourse-actions-wrapper': {
245
+ flexDirection: string;
246
+ justifyContent: string;
247
+ gap: string;
248
+ };
204
249
  };
205
- };
206
- usersSkeletonRoot: ({ theme }: {
207
- theme: any;
208
- }) => {
209
250
  '& .SCEditCourse-users-status-wrapper': {
210
251
  flexDirection: string;
211
252
  justifyContent: string;
212
253
  marginTop: string;
213
254
  marginBottom: any;
214
255
  };
256
+ '& .SCEditCourse-options-wrapper': {
257
+ gap: any;
258
+ maxWidth: string;
259
+ margin: string;
260
+ };
261
+ '& .SCEditCourse-options-divider': {
262
+ marginTop: string;
263
+ marginBottom: any;
264
+ };
265
+ '& .SCEditCourse-options-button-wrapper': {
266
+ alignItems: string;
267
+ maxWidth: string;
268
+ margin: string;
269
+ };
215
270
  };
216
271
  };
217
272
  };
@@ -184,7 +184,41 @@ const Component = {
184
184
  }
185
185
  }
186
186
  }),
187
- lessonsSkeletonRoot: ({ theme }) => ({
187
+ skeletonRoot: ({ theme }) => ({
188
+ '& .SCEditCourse-header': {
189
+ flexDirection: 'row',
190
+ alignItems: 'center',
191
+ gap: theme.spacing(0.5),
192
+ [theme.breakpoints.down('sm')]: {
193
+ paddingLeft: theme.spacing(2)
194
+ }
195
+ },
196
+ '& .SCEditCourse-tab-list': {
197
+ flexDirection: 'row',
198
+ alignItems: 'center',
199
+ justifyContent: 'center',
200
+ gap: theme.spacing(4),
201
+ borderBottom: `1px solid ${theme.palette.grey['300']}`,
202
+ padding: theme.spacing('12px 0'),
203
+ marginBottom: '13px'
204
+ },
205
+ '& .SCEditCourse-lesson-title': {
206
+ marginBottom: '20px',
207
+ [theme.breakpoints.down('sm')]: {
208
+ display: 'none'
209
+ }
210
+ },
211
+ '& .SCEditCourse-lesson-info-wrapper': {
212
+ flexDirection: 'row',
213
+ alignItems: 'center',
214
+ justifyContent: 'space-between',
215
+ gap: theme.spacing(1),
216
+ '& .SCEditCourse-lesson-info': {
217
+ flexDirection: 'row',
218
+ alignItems: 'center',
219
+ gap: theme.spacing(1)
220
+ }
221
+ },
188
222
  '& .SCEditCourse-lessons-sections-wrapper': {
189
223
  flexDirection: 'row',
190
224
  alignItems: 'center',
@@ -198,15 +232,38 @@ const Component = {
198
232
  width: 'auto',
199
233
  border: `1px solid ${theme.palette.grey[300]}`,
200
234
  borderBottomLeftRadius: '5px',
201
- borderBottomRightRadius: '5px'
202
- }
203
- }),
204
- usersSkeletonRoot: ({ theme }) => ({
235
+ borderBottomRightRadius: '5px',
236
+ '& .SCEditCourse-margin': {
237
+ margin: 'auto'
238
+ },
239
+ '& .SCEditCourse-margin-left': {
240
+ marginLeft: 'auto'
241
+ },
242
+ '& .SCEditCourse-actions-wrapper': {
243
+ flexDirection: 'row',
244
+ justifyContent: 'flex-end',
245
+ gap: '22px'
246
+ }
247
+ },
205
248
  '& .SCEditCourse-users-status-wrapper': {
206
249
  flexDirection: 'row',
207
250
  justifyContent: 'space-between',
208
251
  marginTop: '7px',
209
252
  marginBottom: theme.spacing(2)
253
+ },
254
+ '& .SCEditCourse-options-wrapper': {
255
+ gap: theme.spacing(5),
256
+ maxWidth: '600px',
257
+ margin: 'auto'
258
+ },
259
+ '& .SCEditCourse-options-divider': {
260
+ marginTop: '21px',
261
+ marginBottom: theme.spacing(3)
262
+ },
263
+ '& .SCEditCourse-options-button-wrapper': {
264
+ alignItems: 'flex-end',
265
+ maxWidth: '600px',
266
+ margin: 'auto'
210
267
  }
211
268
  })
212
269
  }
@@ -3426,9 +3426,43 @@ declare const theme: {
3426
3426
  };
3427
3427
  };
3428
3428
  };
3429
- lessonsSkeletonRoot: ({ theme }: {
3429
+ skeletonRoot: ({ theme }: {
3430
3430
  theme: any;
3431
3431
  }) => {
3432
+ '& .SCEditCourse-header': {
3433
+ [x: number]: {
3434
+ paddingLeft: any;
3435
+ };
3436
+ flexDirection: string;
3437
+ alignItems: string;
3438
+ gap: any;
3439
+ };
3440
+ '& .SCEditCourse-tab-list': {
3441
+ flexDirection: string;
3442
+ alignItems: string;
3443
+ justifyContent: string;
3444
+ gap: any;
3445
+ borderBottom: string;
3446
+ padding: any;
3447
+ marginBottom: string;
3448
+ };
3449
+ '& .SCEditCourse-lesson-title': {
3450
+ [x: number]: {
3451
+ display: string;
3452
+ };
3453
+ marginBottom: string;
3454
+ };
3455
+ '& .SCEditCourse-lesson-info-wrapper': {
3456
+ flexDirection: string;
3457
+ alignItems: string;
3458
+ justifyContent: string;
3459
+ gap: any;
3460
+ '& .SCEditCourse-lesson-info': {
3461
+ flexDirection: string;
3462
+ alignItems: string;
3463
+ gap: any;
3464
+ };
3465
+ };
3432
3466
  '& .SCEditCourse-lessons-sections-wrapper': {
3433
3467
  flexDirection: string;
3434
3468
  alignItems: string;
@@ -3443,17 +3477,38 @@ declare const theme: {
3443
3477
  border: string;
3444
3478
  borderBottomLeftRadius: string;
3445
3479
  borderBottomRightRadius: string;
3480
+ '& .SCEditCourse-margin': {
3481
+ margin: string;
3482
+ };
3483
+ '& .SCEditCourse-margin-left': {
3484
+ marginLeft: string;
3485
+ };
3486
+ '& .SCEditCourse-actions-wrapper': {
3487
+ flexDirection: string;
3488
+ justifyContent: string;
3489
+ gap: string;
3490
+ };
3446
3491
  };
3447
- };
3448
- usersSkeletonRoot: ({ theme }: {
3449
- theme: any;
3450
- }) => {
3451
3492
  '& .SCEditCourse-users-status-wrapper': {
3452
3493
  flexDirection: string;
3453
3494
  justifyContent: string;
3454
3495
  marginTop: string;
3455
3496
  marginBottom: any;
3456
3497
  };
3498
+ '& .SCEditCourse-options-wrapper': {
3499
+ gap: any;
3500
+ maxWidth: string;
3501
+ margin: string;
3502
+ };
3503
+ '& .SCEditCourse-options-divider': {
3504
+ marginTop: string;
3505
+ marginBottom: any;
3506
+ };
3507
+ '& .SCEditCourse-options-button-wrapper': {
3508
+ alignItems: string;
3509
+ maxWidth: string;
3510
+ margin: string;
3511
+ };
3457
3512
  };
3458
3513
  };
3459
3514
  };
@@ -184,9 +184,43 @@ declare const Component: {
184
184
  };
185
185
  };
186
186
  };
187
- lessonsSkeletonRoot: ({ theme }: {
187
+ skeletonRoot: ({ theme }: {
188
188
  theme: any;
189
189
  }) => {
190
+ '& .SCEditCourse-header': {
191
+ [x: number]: {
192
+ paddingLeft: any;
193
+ };
194
+ flexDirection: string;
195
+ alignItems: string;
196
+ gap: any;
197
+ };
198
+ '& .SCEditCourse-tab-list': {
199
+ flexDirection: string;
200
+ alignItems: string;
201
+ justifyContent: string;
202
+ gap: any;
203
+ borderBottom: string;
204
+ padding: any;
205
+ marginBottom: string;
206
+ };
207
+ '& .SCEditCourse-lesson-title': {
208
+ [x: number]: {
209
+ display: string;
210
+ };
211
+ marginBottom: string;
212
+ };
213
+ '& .SCEditCourse-lesson-info-wrapper': {
214
+ flexDirection: string;
215
+ alignItems: string;
216
+ justifyContent: string;
217
+ gap: any;
218
+ '& .SCEditCourse-lesson-info': {
219
+ flexDirection: string;
220
+ alignItems: string;
221
+ gap: any;
222
+ };
223
+ };
190
224
  '& .SCEditCourse-lessons-sections-wrapper': {
191
225
  flexDirection: string;
192
226
  alignItems: string;
@@ -201,17 +235,38 @@ declare const Component: {
201
235
  border: string;
202
236
  borderBottomLeftRadius: string;
203
237
  borderBottomRightRadius: string;
238
+ '& .SCEditCourse-margin': {
239
+ margin: string;
240
+ };
241
+ '& .SCEditCourse-margin-left': {
242
+ marginLeft: string;
243
+ };
244
+ '& .SCEditCourse-actions-wrapper': {
245
+ flexDirection: string;
246
+ justifyContent: string;
247
+ gap: string;
248
+ };
204
249
  };
205
- };
206
- usersSkeletonRoot: ({ theme }: {
207
- theme: any;
208
- }) => {
209
250
  '& .SCEditCourse-users-status-wrapper': {
210
251
  flexDirection: string;
211
252
  justifyContent: string;
212
253
  marginTop: string;
213
254
  marginBottom: any;
214
255
  };
256
+ '& .SCEditCourse-options-wrapper': {
257
+ gap: any;
258
+ maxWidth: string;
259
+ margin: string;
260
+ };
261
+ '& .SCEditCourse-options-divider': {
262
+ marginTop: string;
263
+ marginBottom: any;
264
+ };
265
+ '& .SCEditCourse-options-button-wrapper': {
266
+ alignItems: string;
267
+ maxWidth: string;
268
+ margin: string;
269
+ };
215
270
  };
216
271
  };
217
272
  };
@@ -182,7 +182,41 @@ const Component = {
182
182
  }
183
183
  }
184
184
  }),
185
- lessonsSkeletonRoot: ({ theme }) => ({
185
+ skeletonRoot: ({ theme }) => ({
186
+ '& .SCEditCourse-header': {
187
+ flexDirection: 'row',
188
+ alignItems: 'center',
189
+ gap: theme.spacing(0.5),
190
+ [theme.breakpoints.down('sm')]: {
191
+ paddingLeft: theme.spacing(2)
192
+ }
193
+ },
194
+ '& .SCEditCourse-tab-list': {
195
+ flexDirection: 'row',
196
+ alignItems: 'center',
197
+ justifyContent: 'center',
198
+ gap: theme.spacing(4),
199
+ borderBottom: `1px solid ${theme.palette.grey['300']}`,
200
+ padding: theme.spacing('12px 0'),
201
+ marginBottom: '13px'
202
+ },
203
+ '& .SCEditCourse-lesson-title': {
204
+ marginBottom: '20px',
205
+ [theme.breakpoints.down('sm')]: {
206
+ display: 'none'
207
+ }
208
+ },
209
+ '& .SCEditCourse-lesson-info-wrapper': {
210
+ flexDirection: 'row',
211
+ alignItems: 'center',
212
+ justifyContent: 'space-between',
213
+ gap: theme.spacing(1),
214
+ '& .SCEditCourse-lesson-info': {
215
+ flexDirection: 'row',
216
+ alignItems: 'center',
217
+ gap: theme.spacing(1)
218
+ }
219
+ },
186
220
  '& .SCEditCourse-lessons-sections-wrapper': {
187
221
  flexDirection: 'row',
188
222
  alignItems: 'center',
@@ -196,15 +230,38 @@ const Component = {
196
230
  width: 'auto',
197
231
  border: `1px solid ${theme.palette.grey[300]}`,
198
232
  borderBottomLeftRadius: '5px',
199
- borderBottomRightRadius: '5px'
200
- }
201
- }),
202
- usersSkeletonRoot: ({ theme }) => ({
233
+ borderBottomRightRadius: '5px',
234
+ '& .SCEditCourse-margin': {
235
+ margin: 'auto'
236
+ },
237
+ '& .SCEditCourse-margin-left': {
238
+ marginLeft: 'auto'
239
+ },
240
+ '& .SCEditCourse-actions-wrapper': {
241
+ flexDirection: 'row',
242
+ justifyContent: 'flex-end',
243
+ gap: '22px'
244
+ }
245
+ },
203
246
  '& .SCEditCourse-users-status-wrapper': {
204
247
  flexDirection: 'row',
205
248
  justifyContent: 'space-between',
206
249
  marginTop: '7px',
207
250
  marginBottom: theme.spacing(2)
251
+ },
252
+ '& .SCEditCourse-options-wrapper': {
253
+ gap: theme.spacing(5),
254
+ maxWidth: '600px',
255
+ margin: 'auto'
256
+ },
257
+ '& .SCEditCourse-options-divider': {
258
+ marginTop: '21px',
259
+ marginBottom: theme.spacing(3)
260
+ },
261
+ '& .SCEditCourse-options-button-wrapper': {
262
+ alignItems: 'flex-end',
263
+ maxWidth: '600px',
264
+ margin: 'auto'
208
265
  }
209
266
  })
210
267
  }
@@ -3426,9 +3426,43 @@ declare const theme: {
3426
3426
  };
3427
3427
  };
3428
3428
  };
3429
- lessonsSkeletonRoot: ({ theme }: {
3429
+ skeletonRoot: ({ theme }: {
3430
3430
  theme: any;
3431
3431
  }) => {
3432
+ '& .SCEditCourse-header': {
3433
+ [x: number]: {
3434
+ paddingLeft: any;
3435
+ };
3436
+ flexDirection: string;
3437
+ alignItems: string;
3438
+ gap: any;
3439
+ };
3440
+ '& .SCEditCourse-tab-list': {
3441
+ flexDirection: string;
3442
+ alignItems: string;
3443
+ justifyContent: string;
3444
+ gap: any;
3445
+ borderBottom: string;
3446
+ padding: any;
3447
+ marginBottom: string;
3448
+ };
3449
+ '& .SCEditCourse-lesson-title': {
3450
+ [x: number]: {
3451
+ display: string;
3452
+ };
3453
+ marginBottom: string;
3454
+ };
3455
+ '& .SCEditCourse-lesson-info-wrapper': {
3456
+ flexDirection: string;
3457
+ alignItems: string;
3458
+ justifyContent: string;
3459
+ gap: any;
3460
+ '& .SCEditCourse-lesson-info': {
3461
+ flexDirection: string;
3462
+ alignItems: string;
3463
+ gap: any;
3464
+ };
3465
+ };
3432
3466
  '& .SCEditCourse-lessons-sections-wrapper': {
3433
3467
  flexDirection: string;
3434
3468
  alignItems: string;
@@ -3443,17 +3477,38 @@ declare const theme: {
3443
3477
  border: string;
3444
3478
  borderBottomLeftRadius: string;
3445
3479
  borderBottomRightRadius: string;
3480
+ '& .SCEditCourse-margin': {
3481
+ margin: string;
3482
+ };
3483
+ '& .SCEditCourse-margin-left': {
3484
+ marginLeft: string;
3485
+ };
3486
+ '& .SCEditCourse-actions-wrapper': {
3487
+ flexDirection: string;
3488
+ justifyContent: string;
3489
+ gap: string;
3490
+ };
3446
3491
  };
3447
- };
3448
- usersSkeletonRoot: ({ theme }: {
3449
- theme: any;
3450
- }) => {
3451
3492
  '& .SCEditCourse-users-status-wrapper': {
3452
3493
  flexDirection: string;
3453
3494
  justifyContent: string;
3454
3495
  marginTop: string;
3455
3496
  marginBottom: any;
3456
3497
  };
3498
+ '& .SCEditCourse-options-wrapper': {
3499
+ gap: any;
3500
+ maxWidth: string;
3501
+ margin: string;
3502
+ };
3503
+ '& .SCEditCourse-options-divider': {
3504
+ marginTop: string;
3505
+ marginBottom: any;
3506
+ };
3507
+ '& .SCEditCourse-options-button-wrapper': {
3508
+ alignItems: string;
3509
+ maxWidth: string;
3510
+ margin: string;
3511
+ };
3457
3512
  };
3458
3513
  };
3459
3514
  };