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

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 +35 -13
  4. package/lib/cjs/components/SCCourseForm.js +35 -13
  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 +170 -129
  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 +35 -13
  13. package/lib/esm/components/SCCourseForm.js +35 -13
  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 +170 -129
  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,18 @@ declare const theme: {
2589
2587
  padding: any;
2590
2588
  };
2591
2589
  '& .SCCourseForm-form': {
2592
- border: string;
2593
- borderBottom: string;
2594
- borderRadius: string;
2595
- borderBottomLeftRadius: string;
2596
- borderBottomRightRadius: string;
2597
- backgroundColor: any;
2590
+ '&.SCCourseForm-step-customization': {
2591
+ [x: number]: {
2592
+ padding: any;
2593
+ };
2594
+ backgroundColor: any;
2595
+ border: string;
2596
+ borderBottom: string;
2597
+ borderRadius: string;
2598
+ borderBottomLeftRadius: string;
2599
+ borderBottomRightRadius: string;
2600
+ padding: any;
2601
+ };
2598
2602
  '& .SCCourseForm-name': {
2599
2603
  marginTop: any;
2600
2604
  };
@@ -2674,6 +2678,10 @@ declare const theme: {
2674
2678
  backgroundColor: string;
2675
2679
  };
2676
2680
  };
2681
+ '& .SCCourseForm-disabled': {
2682
+ pointerEvents: string;
2683
+ opacity: number;
2684
+ };
2677
2685
  '& .MuiCard-root': {
2678
2686
  boxShadow: string;
2679
2687
  border: string;
@@ -2688,6 +2696,13 @@ declare const theme: {
2688
2696
  '& .MuiTypography-body2': {
2689
2697
  whiteSpace: string;
2690
2698
  };
2699
+ '& .SCCourseForm-card-title': {
2700
+ display: string;
2701
+ justifyContent: string;
2702
+ '& .MuiChip-root': {
2703
+ borderRadius: number;
2704
+ };
2705
+ };
2691
2706
  };
2692
2707
  };
2693
2708
  };
@@ -2695,16 +2710,21 @@ declare const theme: {
2695
2710
  color: any;
2696
2711
  };
2697
2712
  '& .SCCourseForm-actions': {
2698
- border: string;
2699
- borderTop: string;
2700
- borderRadius: string;
2701
- borderTopLeftRadius: string;
2702
- borderTopRightRadius: string;
2703
- backgroundColor: any;
2704
- padding: any;
2705
2713
  display: string;
2706
2714
  justifyContent: string;
2707
2715
  gap: any;
2716
+ '&.SCCourseForm-step-customization': {
2717
+ [x: number]: {
2718
+ padding: any;
2719
+ };
2720
+ backgroundColor: any;
2721
+ border: string;
2722
+ borderTop: string;
2723
+ borderRadius: string;
2724
+ borderTopLeftRadius: string;
2725
+ borderTopRightRadius: string;
2726
+ padding: any;
2727
+ };
2708
2728
  '& button': {
2709
2729
  width: string;
2710
2730
  };
@@ -2859,10 +2879,12 @@ declare const theme: {
2859
2879
  root: ({ theme }: {
2860
2880
  theme: any;
2861
2881
  }) => {
2882
+ [x: number]: {
2883
+ padding: any;
2884
+ };
2862
2885
  border: string;
2863
- borderTop: string;
2864
2886
  borderRadius: string;
2865
- paddingBottom: string;
2887
+ padding: any;
2866
2888
  backgroundColor: any;
2867
2889
  '& .SCCourseUsersTable-search': {
2868
2890
  '& > .MuiInputBase-root': {
@@ -3446,112 +3468,121 @@ declare const theme: {
3446
3468
  '& .SCEditCourse-empty-status-button': {
3447
3469
  marginTop: string;
3448
3470
  };
3449
- '& .SCEditCourse-lessons-sections-wrapper': {
3450
- flexDirection: string;
3451
- alignItems: string;
3452
- justifyContent: string;
3453
- marginTop: string;
3454
- padding: any;
3471
+ '& .SCEditCourse-lessons-inner-wrapper': {
3472
+ [x: number]: {
3473
+ padding: any;
3474
+ };
3455
3475
  border: string;
3456
- borderBottom: string;
3457
- borderTopLeftRadius: string;
3458
- borderTopRightRadius: string;
3476
+ borderRadius: string;
3459
3477
  backgroundColor: any;
3460
- '& .SCEditCourse-lessons-sections': {
3478
+ marginTop: string;
3479
+ padding: any;
3480
+ '& .SCEditCourse-lessons-sections-wrapper': {
3461
3481
  flexDirection: string;
3462
3482
  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;
3483
+ justifyContent: string;
3484
+ padding: any;
3485
+ border: string;
3486
+ borderBottom: string;
3487
+ borderTopLeftRadius: string;
3488
+ borderTopRightRadius: string;
3489
+ backgroundColor: any;
3490
+ '& .SCEditCourse-lessons-sections': {
3491
+ flexDirection: string;
3492
+ alignItems: string;
3493
+ gap: string;
3494
+ '& .SCEditCourse-circle': {
3495
+ width: string;
3496
+ height: string;
3497
+ borderRadius: number;
3498
+ backgroundColor: any;
3499
+ };
3499
3500
  };
3500
- '& .SCEditCourse-table-header': {
3501
- '& .SCEditCourse-table-header-typography': {
3501
+ '& .SCEditCourse-section-button': {
3502
+ alignItems: string;
3503
+ '& .SCEditCourse-section-button-typography': {
3502
3504
  textTransform: string;
3503
3505
  };
3504
3506
  };
3505
- '& .SCEditCourse-table-body': {
3506
- '& .SCEditCourse-table-body-icon-wrapper': {
3507
- flexDirection: string;
3508
- alignItems: string;
3509
- gap: string;
3507
+ };
3508
+ '& .SCEditCourse-table-container': {
3509
+ width: string;
3510
+ border: string;
3511
+ borderBottomLeftRadius: string;
3512
+ borderBottomRightRadius: string;
3513
+ backgroundColor: any;
3514
+ '& .SCEditCourse-table': {
3515
+ '& .SCEditCourse-cell-width': {
3516
+ width: string;
3510
3517
  };
3511
- '& .SCEditCourse-table-body-accordion': {
3512
- backgroundColor: any;
3518
+ '& .SCEditCourse-cell-align-center': {
3519
+ textAlign: string;
3513
3520
  };
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;
3521
+ '& .SCEditCourse-cell-align-right': {
3522
+ textAlign: string;
3523
+ };
3524
+ '& .SCEditCourse-cell-padding': {
3525
+ paddingRight: number;
3526
+ };
3527
+ '& .MuiTableCell-root': {
3528
+ textWrapMode: string;
3529
+ };
3530
+ '& .SCEditCourse-table-header': {
3531
+ '& .SCEditCourse-table-header-typography': {
3532
+ textTransform: string;
3527
3533
  };
3528
3534
  };
3529
- '& .SCEditCourse-actions-wrapper': {
3530
- [x: number]: {
3535
+ '& .SCEditCourse-table-body': {
3536
+ '& .SCEditCourse-table-body-icon-wrapper': {
3537
+ flexDirection: string;
3538
+ alignItems: string;
3531
3539
  gap: string;
3532
3540
  };
3533
- display: string;
3534
- flexDirection: string;
3535
- alignItems: string;
3536
- gap: string;
3537
- '& .SCEditCourse-change-lesson-status-published-wrapper': {
3538
- color: any;
3541
+ '& .SCEditCourse-table-body-accordion': {
3539
3542
  backgroundColor: any;
3540
- '& .MuiIcon-root': {
3543
+ };
3544
+ '& .SCEditCourse-edit-mode-wrapper': {
3545
+ flexDirection: string;
3546
+ alignItems: string;
3547
+ gap: string;
3548
+ '& .SCEditCourse-edit-mode-save-button': {
3549
+ minWidth: string;
3550
+ borderRadius: string;
3551
+ padding: string;
3552
+ };
3553
+ '& .SCEditCourse-edit-mode-close-button': {
3554
+ border: string;
3555
+ borderRadius: string;
3556
+ padding: string;
3557
+ };
3558
+ };
3559
+ '& .SCEditCourse-actions-wrapper': {
3560
+ [x: number]: {
3561
+ gap: string;
3562
+ };
3563
+ display: string;
3564
+ flexDirection: string;
3565
+ alignItems: string;
3566
+ gap: string;
3567
+ '& .SCEditCourse-change-lesson-status-published-wrapper': {
3541
3568
  color: any;
3569
+ backgroundColor: any;
3570
+ '& .MuiIcon-root': {
3571
+ color: any;
3572
+ };
3573
+ };
3574
+ '& .SCEditCourse-change-lesson-status-icon-draft': {
3575
+ width: string;
3576
+ height: string;
3577
+ borderRadius: number;
3578
+ backgroundColor: any;
3542
3579
  };
3543
3580
  };
3544
- '& .SCEditCourse-change-lesson-status-icon-draft': {
3545
- width: string;
3546
- height: string;
3547
- borderRadius: number;
3548
- backgroundColor: any;
3581
+ '& .SCEditCourse-table-body-collapse-wrapper': {
3582
+ padding: number;
3583
+ border: number;
3549
3584
  };
3550
3585
  };
3551
- '& .SCEditCourse-table-body-collapse-wrapper': {
3552
- padding: number;
3553
- border: number;
3554
- };
3555
3586
  };
3556
3587
  };
3557
3588
  };
@@ -3564,9 +3595,12 @@ declare const theme: {
3564
3595
  marginBottom: any;
3565
3596
  };
3566
3597
  '& .SCEditCourse-options-container': {
3598
+ [x: number]: {
3599
+ padding: any;
3600
+ };
3567
3601
  border: string;
3568
3602
  borderRadius: string;
3569
- padding: string;
3603
+ padding: any;
3570
3604
  backgroundColor: any;
3571
3605
  '& .SCEditCourse-options-wrapper': {
3572
3606
  gap: any;
@@ -3580,7 +3614,7 @@ declare const theme: {
3580
3614
  '& .SCEditCourse-options-button-wrapper': {
3581
3615
  alignItems: string;
3582
3616
  maxWidth: string;
3583
- margin: string;
3617
+ margin: any;
3584
3618
  };
3585
3619
  };
3586
3620
  };
@@ -3622,32 +3656,39 @@ declare const theme: {
3622
3656
  gap: any;
3623
3657
  };
3624
3658
  };
3625
- '& .SCEditCourse-lessons-sections-wrapper': {
3626
- flexDirection: string;
3627
- alignItems: string;
3628
- justifyContent: string;
3629
- marginTop: string;
3630
- padding: any;
3659
+ '& .SCEditCourse-lessons-inner-wrapper': {
3660
+ [x: number]: {
3661
+ padding: any;
3662
+ };
3631
3663
  border: string;
3632
3664
  borderRadius: string;
3633
3665
  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': {
3666
+ marginTop: string;
3667
+ padding: any;
3668
+ '& .SCEditCourse-lessons-sections-wrapper': {
3648
3669
  flexDirection: string;
3670
+ alignItems: string;
3649
3671
  justifyContent: string;
3650
- gap: string;
3672
+ padding: any;
3673
+ border: string;
3674
+ borderRadius: string;
3675
+ };
3676
+ '& .SCEditCourse-table-container': {
3677
+ width: string;
3678
+ border: string;
3679
+ borderBottomLeftRadius: string;
3680
+ borderBottomRightRadius: string;
3681
+ '& .SCEditCourse-margin': {
3682
+ margin: string;
3683
+ };
3684
+ '& .SCEditCourse-margin-left': {
3685
+ marginLeft: string;
3686
+ };
3687
+ '& .SCEditCourse-actions-wrapper': {
3688
+ flexDirection: string;
3689
+ justifyContent: string;
3690
+ gap: string;
3691
+ };
3651
3692
  };
3652
3693
  };
3653
3694
  '& .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,18 @@ declare const Component: {
27
27
  padding: any;
28
28
  };
29
29
  '& .SCCourseForm-form': {
30
- border: string;
31
- borderBottom: string;
32
- borderRadius: string;
33
- borderBottomLeftRadius: string;
34
- borderBottomRightRadius: string;
35
- backgroundColor: any;
30
+ '&.SCCourseForm-step-customization': {
31
+ [x: number]: {
32
+ padding: any;
33
+ };
34
+ backgroundColor: any;
35
+ border: string;
36
+ borderBottom: string;
37
+ borderRadius: string;
38
+ borderBottomLeftRadius: string;
39
+ borderBottomRightRadius: string;
40
+ padding: any;
41
+ };
36
42
  '& .SCCourseForm-name': {
37
43
  marginTop: any;
38
44
  };
@@ -112,6 +118,10 @@ declare const Component: {
112
118
  backgroundColor: string;
113
119
  };
114
120
  };
121
+ '& .SCCourseForm-disabled': {
122
+ pointerEvents: string;
123
+ opacity: number;
124
+ };
115
125
  '& .MuiCard-root': {
116
126
  boxShadow: string;
117
127
  border: string;
@@ -126,6 +136,13 @@ declare const Component: {
126
136
  '& .MuiTypography-body2': {
127
137
  whiteSpace: string;
128
138
  };
139
+ '& .SCCourseForm-card-title': {
140
+ display: string;
141
+ justifyContent: string;
142
+ '& .MuiChip-root': {
143
+ borderRadius: number;
144
+ };
145
+ };
129
146
  };
130
147
  };
131
148
  };
@@ -133,16 +150,21 @@ declare const Component: {
133
150
  color: any;
134
151
  };
135
152
  '& .SCCourseForm-actions': {
136
- border: string;
137
- borderTop: string;
138
- borderRadius: string;
139
- borderTopLeftRadius: string;
140
- borderTopRightRadius: string;
141
- backgroundColor: any;
142
- padding: any;
143
153
  display: string;
144
154
  justifyContent: string;
145
155
  gap: any;
156
+ '&.SCCourseForm-step-customization': {
157
+ [x: number]: {
158
+ padding: any;
159
+ };
160
+ backgroundColor: any;
161
+ border: string;
162
+ borderTop: string;
163
+ borderRadius: string;
164
+ borderTopLeftRadius: string;
165
+ borderTopRightRadius: string;
166
+ padding: any;
167
+ };
146
168
  '& button': {
147
169
  width: string;
148
170
  };
package/lib/esm/components/SCCourseForm.js CHANGED
@@ -26,12 +26,18 @@ const Component = {
26
26
  padding: theme.spacing(1)
27
27
  },
28
28
  '& .SCCourseForm-form': {
29
- border: `1px solid ${theme.palette.grey['300']}`,
30
- borderBottom: 'unset',
31
- borderRadius: '5px',
32
- borderBottomLeftRadius: 'unset',
33
- borderBottomRightRadius: 'unset',
34
- backgroundColor: theme.palette.common.white,
29
+ '&.SCCourseForm-step-customization': {
30
+ backgroundColor: theme.palette.common.white,
31
+ border: `1px solid ${theme.palette.grey['300']}`,
32
+ borderBottom: 'unset',
33
+ borderRadius: '5px',
34
+ borderBottomLeftRadius: 'unset',
35
+ borderBottomRightRadius: 'unset',
36
+ padding: theme.spacing(1, 1, 0),
37
+ [theme.breakpoints.up('sm')]: {
38
+ padding: theme.spacing(2, 2, 0)
39
+ }
40
+ },
35
41
  '& .SCCourseForm-name': {
36
42
  marginTop: theme.spacing(3)
37
43
  },
@@ -111,6 +117,10 @@ const Component = {
111
117
  backgroundColor: alpha(theme.palette.success.main, theme.palette.action.selectedOpacity)
112
118
  }
113
119
  },
120
+ '& .SCCourseForm-disabled': {
121
+ pointerEvents: 'none',
122
+ opacity: 0.5
123
+ },
114
124
  '& .MuiCard-root': {
115
125
  boxShadow: 'none',
116
126
  border: `1px solid ${theme.palette.grey[300]}`,
@@ -124,6 +134,13 @@ const Component = {
124
134
  },
125
135
  '& .MuiTypography-body2': {
126
136
  whiteSpace: 'pre-line'
137
+ },
138
+ '& .SCCourseForm-card-title': {
139
+ display: 'flex',
140
+ justifyContent: 'space-between',
141
+ '& .MuiChip-root': {
142
+ borderRadius: 0
143
+ }
127
144
  }
128
145
  }
129
146
  }
@@ -132,16 +149,21 @@ const Component = {
132
149
  color: theme.palette.error.main
133
150
  },
134
151
  '& .SCCourseForm-actions': {
135
- border: `1px solid ${theme.palette.grey['300']}`,
136
- borderTop: 'unset',
137
- borderRadius: '5px',
138
- borderTopLeftRadius: 'unset',
139
- borderTopRightRadius: 'unset',
140
- backgroundColor: theme.palette.common.white,
141
- padding: theme.spacing(2, 0),
142
152
  display: 'flex',
143
153
  justifyContent: 'flex-end',
144
154
  gap: theme.spacing(2),
155
+ '&.SCCourseForm-step-customization': {
156
+ backgroundColor: theme.palette.common.white,
157
+ border: `1px solid ${theme.palette.grey['300']}`,
158
+ borderTop: 'unset',
159
+ borderRadius: '5px',
160
+ borderTopLeftRadius: 'unset',
161
+ borderTopRightRadius: 'unset',
162
+ padding: theme.spacing(0, 1, 1),
163
+ [theme.breakpoints.up('sm')]: {
164
+ padding: theme.spacing(0, 2, 2)
165
+ }
166
+ },
145
167
  '& button': {
146
168
  width: 'fit-content'
147
169
  }
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',