@selfcommunity/react-theme-default 0.4.2-courses.189 → 0.4.2-courses.190

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/SCCourseDashboard.d.ts +3 -5
  2. package/lib/cjs/components/SCCourseDashboard.js +3 -5
  3. package/lib/cjs/components/SCCourseForm.d.ts +7 -0
  4. package/lib/cjs/components/SCCourseForm.js +8 -1
  5. package/lib/cjs/components/SCCourseUsersTable.d.ts +4 -2
  6. package/lib/cjs/components/SCCourseUsersTable.js +4 -2
  7. package/lib/cjs/components/SCEditCourse.d.ts +128 -109
  8. package/lib/cjs/components/SCEditCourse.js +133 -114
  9. package/lib/cjs/index.d.ts +142 -116
  10. package/lib/esm/components/SCCourseDashboard.d.ts +3 -5
  11. package/lib/esm/components/SCCourseDashboard.js +3 -5
  12. package/lib/esm/components/SCCourseForm.d.ts +7 -0
  13. package/lib/esm/components/SCCourseForm.js +8 -1
  14. package/lib/esm/components/SCCourseUsersTable.d.ts +4 -2
  15. package/lib/esm/components/SCCourseUsersTable.js +4 -2
  16. package/lib/esm/components/SCEditCourse.d.ts +128 -109
  17. package/lib/esm/components/SCEditCourse.js +133 -114
  18. package/lib/esm/index.d.ts +142 -116
  19. package/lib/umd/react-theme-default.js +1 -1
  20. package/package.json +2 -2
package/lib/cjs/index.d.ts CHANGED
@@ -2163,13 +2163,12 @@ declare const theme: {
2163
2163
  };
2164
2164
  '& .SCCourseDashboard-comments-container': {
2165
2165
  [x: number]: {
2166
- paddingLeft: string;
2167
- paddingRight: string;
2166
+ padding: any;
2168
2167
  };
2169
2168
  backgroundColor: any;
2170
2169
  border: string;
2171
2170
  borderRadius: string;
2172
- padding: string;
2171
+ padding: any;
2173
2172
  '& .SCCourseDashboard-outer-wrapper': {
2174
2173
  marginTop: string;
2175
2174
  marginBottom: string;
@@ -2215,12 +2214,11 @@ declare const theme: {
2215
2214
  alignItems: string;
2216
2215
  justifyContent: string;
2217
2216
  backgroundColor: any;
2217
+ padding: string;
2218
2218
  '& .SCCourseDashboard-user': {
2219
2219
  flexDirection: string;
2220
2220
  alignItems: string;
2221
2221
  gap: string;
2222
- marginTop: string;
2223
- marginBottom: string;
2224
2222
  '& .SCCourseDashboard-avatar': {
2225
2223
  width: string;
2226
2224
  height: string;
@@ -2589,12 +2587,16 @@ declare const theme: {
2589
2587
  padding: any;
2590
2588
  };
2591
2589
  '& .SCCourseForm-form': {
2590
+ [x: number]: {
2591
+ padding: any;
2592
+ };
2592
2593
  border: string;
2593
2594
  borderBottom: string;
2594
2595
  borderRadius: string;
2595
2596
  borderBottomLeftRadius: string;
2596
2597
  borderBottomRightRadius: string;
2597
2598
  backgroundColor: any;
2599
+ padding: any;
2598
2600
  '& .SCCourseForm-name': {
2599
2601
  marginTop: any;
2600
2602
  };
@@ -2695,6 +2697,9 @@ declare const theme: {
2695
2697
  color: any;
2696
2698
  };
2697
2699
  '& .SCCourseForm-actions': {
2700
+ [x: number]: {
2701
+ padding: any;
2702
+ };
2698
2703
  border: string;
2699
2704
  borderTop: string;
2700
2705
  borderRadius: string;
@@ -2859,10 +2864,12 @@ declare const theme: {
2859
2864
  root: ({ theme }: {
2860
2865
  theme: any;
2861
2866
  }) => {
2867
+ [x: number]: {
2868
+ padding: any;
2869
+ };
2862
2870
  border: string;
2863
- borderTop: string;
2864
2871
  borderRadius: string;
2865
- paddingBottom: string;
2872
+ padding: any;
2866
2873
  backgroundColor: any;
2867
2874
  '& .SCCourseUsersTable-search': {
2868
2875
  '& > .MuiInputBase-root': {
@@ -3446,112 +3453,121 @@ declare const theme: {
3446
3453
  '& .SCEditCourse-empty-status-button': {
3447
3454
  marginTop: string;
3448
3455
  };
3449
- '& .SCEditCourse-lessons-sections-wrapper': {
3450
- flexDirection: string;
3451
- alignItems: string;
3452
- justifyContent: string;
3453
- marginTop: string;
3454
- padding: any;
3456
+ '& .SCEditCourse-lessons-inner-wrapper': {
3457
+ [x: number]: {
3458
+ padding: any;
3459
+ };
3455
3460
  border: string;
3456
- borderBottom: string;
3457
- borderTopLeftRadius: string;
3458
- borderTopRightRadius: string;
3461
+ borderRadius: string;
3459
3462
  backgroundColor: any;
3460
- '& .SCEditCourse-lessons-sections': {
3463
+ marginTop: string;
3464
+ padding: any;
3465
+ '& .SCEditCourse-lessons-sections-wrapper': {
3461
3466
  flexDirection: string;
3462
3467
  alignItems: string;
3463
- gap: string;
3464
- '& .SCEditCourse-circle': {
3465
- width: string;
3466
- height: string;
3467
- borderRadius: number;
3468
- backgroundColor: any;
3469
- };
3470
- };
3471
- '& .SCEditCourse-section-button': {
3472
- alignItems: string;
3473
- '& .SCEditCourse-section-button-typography': {
3474
- textTransform: string;
3475
- };
3476
- };
3477
- };
3478
- '& .SCEditCourse-table-container': {
3479
- width: string;
3480
- border: string;
3481
- borderBottomLeftRadius: string;
3482
- borderBottomRightRadius: string;
3483
- backgroundColor: any;
3484
- '& .SCEditCourse-table': {
3485
- '& .SCEditCourse-cell-width': {
3486
- width: string;
3487
- };
3488
- '& .SCEditCourse-cell-align-center': {
3489
- textAlign: string;
3490
- };
3491
- '& .SCEditCourse-cell-align-right': {
3492
- textAlign: string;
3493
- };
3494
- '& .SCEditCourse-cell-padding': {
3495
- paddingRight: number;
3496
- };
3497
- '& .MuiTableCell-root': {
3498
- textWrapMode: string;
3468
+ justifyContent: string;
3469
+ padding: any;
3470
+ border: string;
3471
+ borderBottom: string;
3472
+ borderTopLeftRadius: string;
3473
+ borderTopRightRadius: string;
3474
+ backgroundColor: any;
3475
+ '& .SCEditCourse-lessons-sections': {
3476
+ flexDirection: string;
3477
+ alignItems: string;
3478
+ gap: string;
3479
+ '& .SCEditCourse-circle': {
3480
+ width: string;
3481
+ height: string;
3482
+ borderRadius: number;
3483
+ backgroundColor: any;
3484
+ };
3499
3485
  };
3500
- '& .SCEditCourse-table-header': {
3501
- '& .SCEditCourse-table-header-typography': {
3486
+ '& .SCEditCourse-section-button': {
3487
+ alignItems: string;
3488
+ '& .SCEditCourse-section-button-typography': {
3502
3489
  textTransform: string;
3503
3490
  };
3504
3491
  };
3505
- '& .SCEditCourse-table-body': {
3506
- '& .SCEditCourse-table-body-icon-wrapper': {
3507
- flexDirection: string;
3508
- alignItems: string;
3509
- gap: string;
3492
+ };
3493
+ '& .SCEditCourse-table-container': {
3494
+ width: string;
3495
+ border: string;
3496
+ borderBottomLeftRadius: string;
3497
+ borderBottomRightRadius: string;
3498
+ backgroundColor: any;
3499
+ '& .SCEditCourse-table': {
3500
+ '& .SCEditCourse-cell-width': {
3501
+ width: string;
3510
3502
  };
3511
- '& .SCEditCourse-table-body-accordion': {
3512
- backgroundColor: any;
3503
+ '& .SCEditCourse-cell-align-center': {
3504
+ textAlign: string;
3513
3505
  };
3514
- '& .SCEditCourse-edit-mode-wrapper': {
3515
- flexDirection: string;
3516
- alignItems: string;
3517
- gap: string;
3518
- '& .SCEditCourse-edit-mode-save-button': {
3519
- minWidth: string;
3520
- borderRadius: string;
3521
- padding: string;
3522
- };
3523
- '& .SCEditCourse-edit-mode-close-button': {
3524
- border: string;
3525
- borderRadius: string;
3526
- padding: string;
3506
+ '& .SCEditCourse-cell-align-right': {
3507
+ textAlign: string;
3508
+ };
3509
+ '& .SCEditCourse-cell-padding': {
3510
+ paddingRight: number;
3511
+ };
3512
+ '& .MuiTableCell-root': {
3513
+ textWrapMode: string;
3514
+ };
3515
+ '& .SCEditCourse-table-header': {
3516
+ '& .SCEditCourse-table-header-typography': {
3517
+ textTransform: string;
3527
3518
  };
3528
3519
  };
3529
- '& .SCEditCourse-actions-wrapper': {
3530
- [x: number]: {
3520
+ '& .SCEditCourse-table-body': {
3521
+ '& .SCEditCourse-table-body-icon-wrapper': {
3522
+ flexDirection: string;
3523
+ alignItems: string;
3531
3524
  gap: string;
3532
3525
  };
3533
- display: string;
3534
- flexDirection: string;
3535
- alignItems: string;
3536
- gap: string;
3537
- '& .SCEditCourse-change-lesson-status-published-wrapper': {
3538
- color: any;
3526
+ '& .SCEditCourse-table-body-accordion': {
3539
3527
  backgroundColor: any;
3540
- '& .MuiIcon-root': {
3528
+ };
3529
+ '& .SCEditCourse-edit-mode-wrapper': {
3530
+ flexDirection: string;
3531
+ alignItems: string;
3532
+ gap: string;
3533
+ '& .SCEditCourse-edit-mode-save-button': {
3534
+ minWidth: string;
3535
+ borderRadius: string;
3536
+ padding: string;
3537
+ };
3538
+ '& .SCEditCourse-edit-mode-close-button': {
3539
+ border: string;
3540
+ borderRadius: string;
3541
+ padding: string;
3542
+ };
3543
+ };
3544
+ '& .SCEditCourse-actions-wrapper': {
3545
+ [x: number]: {
3546
+ gap: string;
3547
+ };
3548
+ display: string;
3549
+ flexDirection: string;
3550
+ alignItems: string;
3551
+ gap: string;
3552
+ '& .SCEditCourse-change-lesson-status-published-wrapper': {
3541
3553
  color: any;
3554
+ backgroundColor: any;
3555
+ '& .MuiIcon-root': {
3556
+ color: any;
3557
+ };
3558
+ };
3559
+ '& .SCEditCourse-change-lesson-status-icon-draft': {
3560
+ width: string;
3561
+ height: string;
3562
+ borderRadius: number;
3563
+ backgroundColor: any;
3542
3564
  };
3543
3565
  };
3544
- '& .SCEditCourse-change-lesson-status-icon-draft': {
3545
- width: string;
3546
- height: string;
3547
- borderRadius: number;
3548
- backgroundColor: any;
3566
+ '& .SCEditCourse-table-body-collapse-wrapper': {
3567
+ padding: number;
3568
+ border: number;
3549
3569
  };
3550
3570
  };
3551
- '& .SCEditCourse-table-body-collapse-wrapper': {
3552
- padding: number;
3553
- border: number;
3554
- };
3555
3571
  };
3556
3572
  };
3557
3573
  };
@@ -3564,9 +3580,12 @@ declare const theme: {
3564
3580
  marginBottom: any;
3565
3581
  };
3566
3582
  '& .SCEditCourse-options-container': {
3583
+ [x: number]: {
3584
+ padding: any;
3585
+ };
3567
3586
  border: string;
3568
3587
  borderRadius: string;
3569
- padding: string;
3588
+ padding: any;
3570
3589
  backgroundColor: any;
3571
3590
  '& .SCEditCourse-options-wrapper': {
3572
3591
  gap: any;
@@ -3580,7 +3599,7 @@ declare const theme: {
3580
3599
  '& .SCEditCourse-options-button-wrapper': {
3581
3600
  alignItems: string;
3582
3601
  maxWidth: string;
3583
- margin: string;
3602
+ margin: any;
3584
3603
  };
3585
3604
  };
3586
3605
  };
@@ -3622,32 +3641,39 @@ declare const theme: {
3622
3641
  gap: any;
3623
3642
  };
3624
3643
  };
3625
- '& .SCEditCourse-lessons-sections-wrapper': {
3626
- flexDirection: string;
3627
- alignItems: string;
3628
- justifyContent: string;
3629
- marginTop: string;
3630
- padding: any;
3644
+ '& .SCEditCourse-lessons-inner-wrapper': {
3645
+ [x: number]: {
3646
+ padding: any;
3647
+ };
3631
3648
  border: string;
3632
3649
  borderRadius: string;
3633
3650
  backgroundColor: any;
3634
- };
3635
- '& .SCEditCourse-table-container': {
3636
- width: string;
3637
- border: string;
3638
- borderBottomLeftRadius: string;
3639
- borderBottomRightRadius: string;
3640
- backgroundColor: any;
3641
- '& .SCEditCourse-margin': {
3642
- margin: string;
3643
- };
3644
- '& .SCEditCourse-margin-left': {
3645
- marginLeft: string;
3646
- };
3647
- '& .SCEditCourse-actions-wrapper': {
3651
+ marginTop: string;
3652
+ padding: any;
3653
+ '& .SCEditCourse-lessons-sections-wrapper': {
3648
3654
  flexDirection: string;
3655
+ alignItems: string;
3649
3656
  justifyContent: string;
3650
- gap: string;
3657
+ padding: any;
3658
+ border: string;
3659
+ borderRadius: string;
3660
+ };
3661
+ '& .SCEditCourse-table-container': {
3662
+ width: string;
3663
+ border: string;
3664
+ borderBottomLeftRadius: string;
3665
+ borderBottomRightRadius: string;
3666
+ '& .SCEditCourse-margin': {
3667
+ margin: string;
3668
+ };
3669
+ '& .SCEditCourse-margin-left': {
3670
+ marginLeft: string;
3671
+ };
3672
+ '& .SCEditCourse-actions-wrapper': {
3673
+ flexDirection: string;
3674
+ justifyContent: string;
3675
+ gap: string;
3676
+ };
3651
3677
  };
3652
3678
  };
3653
3679
  '& .SCEditCourse-users-status-wrapper': {
package/lib/esm/components/SCCourseDashboard.d.ts CHANGED
@@ -103,13 +103,12 @@ declare const Component: {
103
103
  };
104
104
  '& .SCCourseDashboard-comments-container': {
105
105
  [x: number]: {
106
- paddingLeft: string;
107
- paddingRight: string;
106
+ padding: any;
108
107
  };
109
108
  backgroundColor: any;
110
109
  border: string;
111
110
  borderRadius: string;
112
- padding: string;
111
+ padding: any;
113
112
  '& .SCCourseDashboard-outer-wrapper': {
114
113
  marginTop: string;
115
114
  marginBottom: string;
@@ -155,12 +154,11 @@ declare const Component: {
155
154
  alignItems: string;
156
155
  justifyContent: string;
157
156
  backgroundColor: any;
157
+ padding: string;
158
158
  '& .SCCourseDashboard-user': {
159
159
  flexDirection: string;
160
160
  alignItems: string;
161
161
  gap: string;
162
- marginTop: string;
163
- marginBottom: string;
164
162
  '& .SCCourseDashboard-avatar': {
165
163
  width: string;
166
164
  height: string;
package/lib/esm/components/SCCourseDashboard.js CHANGED
@@ -101,10 +101,9 @@ const Component = {
101
101
  backgroundColor: theme.palette.common.white,
102
102
  border: `1px solid ${theme.palette.grey['300']}`,
103
103
  borderRadius: '5px',
104
- padding: '5px 0',
104
+ padding: theme.spacing(1),
105
105
  [theme.breakpoints.up('sm')]: {
106
- paddingLeft: '36px',
107
- paddingRight: '36px'
106
+ padding: theme.spacing(2)
108
107
  },
109
108
  '& .SCCourseDashboard-outer-wrapper': {
110
109
  marginTop: '15px',
@@ -151,12 +150,11 @@ const Component = {
151
150
  alignItems: 'center',
152
151
  justifyContent: 'space-between',
153
152
  backgroundColor: theme.palette.common.white,
153
+ padding: '6px',
154
154
  '& .SCCourseDashboard-user': {
155
155
  flexDirection: 'row',
156
156
  alignItems: 'center',
157
157
  gap: '4px',
158
- marginTop: '6px',
159
- marginBottom: '6px',
160
158
  '& .SCCourseDashboard-avatar': {
161
159
  width: '36px',
162
160
  height: '36px'
package/lib/esm/components/SCCourseForm.d.ts CHANGED
@@ -27,12 +27,16 @@ declare const Component: {
27
27
  padding: any;
28
28
  };
29
29
  '& .SCCourseForm-form': {
30
+ [x: number]: {
31
+ padding: any;
32
+ };
30
33
  border: string;
31
34
  borderBottom: string;
32
35
  borderRadius: string;
33
36
  borderBottomLeftRadius: string;
34
37
  borderBottomRightRadius: string;
35
38
  backgroundColor: any;
39
+ padding: any;
36
40
  '& .SCCourseForm-name': {
37
41
  marginTop: any;
38
42
  };
@@ -133,6 +137,9 @@ declare const Component: {
133
137
  color: any;
134
138
  };
135
139
  '& .SCCourseForm-actions': {
140
+ [x: number]: {
141
+ padding: any;
142
+ };
136
143
  border: string;
137
144
  borderTop: string;
138
145
  borderRadius: string;
package/lib/esm/components/SCCourseForm.js CHANGED
@@ -32,6 +32,10 @@ const Component = {
32
32
  borderBottomLeftRadius: 'unset',
33
33
  borderBottomRightRadius: 'unset',
34
34
  backgroundColor: theme.palette.common.white,
35
+ padding: theme.spacing(1, 1, 0),
36
+ [theme.breakpoints.up('sm')]: {
37
+ padding: theme.spacing(2, 2, 0)
38
+ },
35
39
  '& .SCCourseForm-name': {
36
40
  marginTop: theme.spacing(3)
37
41
  },
@@ -138,10 +142,13 @@ const Component = {
138
142
  borderTopLeftRadius: 'unset',
139
143
  borderTopRightRadius: 'unset',
140
144
  backgroundColor: theme.palette.common.white,
141
- padding: theme.spacing(2, 0),
145
+ padding: theme.spacing(0, 1, 1),
142
146
  display: 'flex',
143
147
  justifyContent: 'flex-end',
144
148
  gap: theme.spacing(2),
149
+ [theme.breakpoints.up('sm')]: {
150
+ padding: theme.spacing(0, 2, 2)
151
+ },
145
152
  '& button': {
146
153
  width: 'fit-content'
147
154
  }
package/lib/esm/components/SCCourseUsersTable.d.ts CHANGED
@@ -3,10 +3,12 @@ declare const Component: {
3
3
  root: ({ theme }: {
4
4
  theme: any;
5
5
  }) => {
6
+ [x: number]: {
7
+ padding: any;
8
+ };
6
9
  border: string;
7
- borderTop: string;
8
10
  borderRadius: string;
9
- paddingBottom: string;
11
+ padding: any;
10
12
  backgroundColor: any;
11
13
  '& .SCCourseUsersTable-search': {
12
14
  '& > .MuiInputBase-root': {
package/lib/esm/components/SCCourseUsersTable.js CHANGED
@@ -2,10 +2,12 @@ const Component = {
2
2
  styleOverrides: {
3
3
  root: ({ theme }) => ({
4
4
  border: `1px solid ${theme.palette.grey['300']}`,
5
- borderTop: 'unset',
6
5
  borderRadius: '5px',
7
- paddingBottom: '5px',
6
+ padding: theme.spacing(1),
8
7
  backgroundColor: theme.palette.common.white,
8
+ [theme.breakpoints.up('sm')]: {
9
+ padding: theme.spacing(2)
10
+ },
9
11
  '& .SCCourseUsersTable-search': {
10
12
  '& > .MuiInputBase-root': {
11
13
  borderBottomLeftRadius: 'unset',