@selfcommunity/react-theme-default 0.4.2-courses.185 → 0.4.2-courses.187

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 (50) hide show
  1. package/lib/cjs/components/SCAddUsersButton.d.ts +7 -1
  2. package/lib/cjs/components/SCAddUsersButton.js +6 -1
  3. package/lib/cjs/components/SCCourseDashboard.d.ts +8 -11
  4. package/lib/cjs/components/SCCourseDashboard.js +13 -16
  5. package/lib/cjs/components/SCCourseForm.d.ts +20 -8
  6. package/lib/cjs/components/SCCourseForm.js +17 -7
  7. package/lib/cjs/components/SCCourseTypePopover.d.ts +23 -0
  8. package/lib/cjs/components/SCCourseTypePopover.js +24 -0
  9. package/lib/cjs/components/SCCourseUsersTable.d.ts +5 -3
  10. package/lib/cjs/components/SCCourseUsersTable.js +5 -4
  11. package/lib/cjs/components/SCCourses.d.ts +1 -1
  12. package/lib/cjs/components/SCCourses.js +2 -2
  13. package/lib/cjs/components/SCEditCourse.d.ts +50 -29
  14. package/lib/cjs/components/SCEditCourse.js +52 -31
  15. package/lib/cjs/components/SCEmptyStatus.d.ts +1 -0
  16. package/lib/cjs/components/SCEmptyStatus.js +1 -0
  17. package/lib/cjs/components/SCEvent.d.ts +22 -0
  18. package/lib/cjs/components/SCEvent.js +22 -0
  19. package/lib/cjs/components/SCEvents.d.ts +11 -1
  20. package/lib/cjs/components/SCEvents.js +12 -2
  21. package/lib/cjs/components/SCLessonObject.d.ts +0 -1
  22. package/lib/cjs/components/SCLessonObject.js +0 -1
  23. package/lib/cjs/index.d.ts +147 -55
  24. package/lib/cjs/index.js +2 -0
  25. package/lib/esm/components/SCAddUsersButton.d.ts +7 -1
  26. package/lib/esm/components/SCAddUsersButton.js +6 -1
  27. package/lib/esm/components/SCCourseDashboard.d.ts +8 -11
  28. package/lib/esm/components/SCCourseDashboard.js +13 -16
  29. package/lib/esm/components/SCCourseForm.d.ts +20 -8
  30. package/lib/esm/components/SCCourseForm.js +17 -7
  31. package/lib/esm/components/SCCourseTypePopover.d.ts +23 -0
  32. package/lib/esm/components/SCCourseTypePopover.js +22 -0
  33. package/lib/esm/components/SCCourseUsersTable.d.ts +5 -3
  34. package/lib/esm/components/SCCourseUsersTable.js +5 -4
  35. package/lib/esm/components/SCCourses.d.ts +1 -1
  36. package/lib/esm/components/SCCourses.js +2 -2
  37. package/lib/esm/components/SCEditCourse.d.ts +50 -29
  38. package/lib/esm/components/SCEditCourse.js +52 -31
  39. package/lib/esm/components/SCEmptyStatus.d.ts +1 -0
  40. package/lib/esm/components/SCEmptyStatus.js +1 -0
  41. package/lib/esm/components/SCEvent.d.ts +22 -0
  42. package/lib/esm/components/SCEvent.js +22 -0
  43. package/lib/esm/components/SCEvents.d.ts +11 -1
  44. package/lib/esm/components/SCEvents.js +12 -2
  45. package/lib/esm/components/SCLessonObject.d.ts +0 -1
  46. package/lib/esm/components/SCLessonObject.js +0 -1
  47. package/lib/esm/index.d.ts +147 -55
  48. package/lib/esm/index.js +2 -0
  49. package/lib/umd/react-theme-default.js +1 -1
  50. package/package.json +2 -2
package/lib/cjs/index.d.ts CHANGED
@@ -367,7 +367,13 @@ declare const theme: {
367
367
  };
368
368
  SCAddUsersButton: {
369
369
  styleOverrides: {
370
- root: () => {};
370
+ root: ({ theme }: {
371
+ theme: any;
372
+ }) => {
373
+ '&.SCAddUsersButton-contrast-color': {
374
+ color: any;
375
+ };
376
+ };
371
377
  dialogRoot: () => {
372
378
  '& .MuiDialogActions-root': {
373
379
  marginTop: string;
@@ -2063,9 +2069,6 @@ declare const theme: {
2063
2069
  '& .SCCourseDashboard-contrast-color': {
2064
2070
  color: any;
2065
2071
  };
2066
- '& .SCCourseDashboard-contrast-bg-color': {
2067
- backgroundColor: any;
2068
- };
2069
2072
  '& .SCCourseDashboard-header': {
2070
2073
  [x: number]: {
2071
2074
  paddingLeft: string;
@@ -2108,14 +2111,6 @@ declare const theme: {
2108
2111
  flexDirection: string;
2109
2112
  alignItems: string;
2110
2113
  gap: any;
2111
- '& .SCCourseDashboard-header-button-popover': {
2112
- padding: number;
2113
- textDecoration: string;
2114
- '&:hover': {
2115
- backgroundColor: string;
2116
- textDecoration: string;
2117
- };
2118
- };
2119
2114
  };
2120
2115
  };
2121
2116
  };
@@ -2140,6 +2135,7 @@ declare const theme: {
2140
2135
  border: string;
2141
2136
  borderRadius: string;
2142
2137
  padding: any;
2138
+ backgroundColor: any;
2143
2139
  '& .SCCourseParticipantsButton-root': {
2144
2140
  justifyContent: string;
2145
2141
  padding: number;
@@ -2170,6 +2166,10 @@ declare const theme: {
2170
2166
  paddingLeft: string;
2171
2167
  paddingRight: string;
2172
2168
  };
2169
+ backgroundColor: any;
2170
+ border: string;
2171
+ borderRadius: string;
2172
+ padding: string;
2173
2173
  '& .SCCourseDashboard-outer-wrapper': {
2174
2174
  marginTop: string;
2175
2175
  marginBottom: string;
@@ -2214,6 +2214,7 @@ declare const theme: {
2214
2214
  flexDirection: string;
2215
2215
  alignItems: string;
2216
2216
  justifyContent: string;
2217
+ backgroundColor: any;
2217
2218
  '& .SCCourseDashboard-user': {
2218
2219
  flexDirection: string;
2219
2220
  alignItems: string;
@@ -2250,6 +2251,7 @@ declare const theme: {
2250
2251
  borderTopLeftRadius: string;
2251
2252
  borderTopRightRadius: string;
2252
2253
  padding: string;
2254
+ backgroundColor: any;
2253
2255
  '& .SCCourseDashboard-circle': {
2254
2256
  width: string;
2255
2257
  height: string;
@@ -2266,6 +2268,7 @@ declare const theme: {
2266
2268
  border: string;
2267
2269
  borderRadius: string;
2268
2270
  padding: string;
2271
+ backgroundColor: any;
2269
2272
  };
2270
2273
  '& .SCCourseDashboard-percentage-wrapper': {
2271
2274
  [x: number]: {
@@ -2546,7 +2549,7 @@ declare const theme: {
2546
2549
  };
2547
2550
  };
2548
2551
  };
2549
- coursesChipRoot: ({ theme, showForMe, showMyCourses }: any) => {
2552
+ coursesChipRoot: ({ theme, showMine, showManagedCourses }: any) => {
2550
2553
  height: any;
2551
2554
  borderRadius: any;
2552
2555
  color: any;
@@ -2559,13 +2562,12 @@ declare const theme: {
2559
2562
  };
2560
2563
  SCCourseForm: {
2561
2564
  styleOverrides: {
2562
- root: ({ theme }: any) => {
2565
+ root: ({ theme }: {
2566
+ theme: any;
2567
+ }) => {
2563
2568
  '& .SCCourseForm-contrast-color': {
2564
2569
  color: any;
2565
2570
  };
2566
- '& .SCCourseForm-contrast-bg-color': {
2567
- backgroundColor: any;
2568
- };
2569
2571
  '& .SCCourseForm-cover': {
2570
2572
  position: string;
2571
2573
  height: number;
@@ -2583,10 +2585,16 @@ declare const theme: {
2583
2585
  marginTop: any;
2584
2586
  color: any;
2585
2587
  };
2588
+ '& h5': {
2589
+ padding: any;
2590
+ };
2586
2591
  '& .SCCourseForm-form': {
2587
- '& h5': {
2588
- padding: any;
2589
- };
2592
+ border: string;
2593
+ borderBottom: string;
2594
+ borderRadius: string;
2595
+ borderBottomLeftRadius: string;
2596
+ borderBottomRightRadius: string;
2597
+ backgroundColor: any;
2590
2598
  '& .SCCourseForm-name': {
2591
2599
  marginTop: any;
2592
2600
  };
@@ -2594,6 +2602,7 @@ declare const theme: {
2594
2602
  marginTop: any;
2595
2603
  };
2596
2604
  '& .SCCourseForm-edit-root': {
2605
+ backgroundColor: any;
2597
2606
  marginTop: any;
2598
2607
  '& .SCCourseForm-edit-card': {
2599
2608
  display: string;
@@ -2686,7 +2695,13 @@ declare const theme: {
2686
2695
  color: any;
2687
2696
  };
2688
2697
  '& .SCCourseForm-actions': {
2689
- marginTop: any;
2698
+ border: string;
2699
+ borderTop: string;
2700
+ borderRadius: string;
2701
+ borderTopLeftRadius: string;
2702
+ borderTopRightRadius: string;
2703
+ backgroundColor: any;
2704
+ padding: any;
2690
2705
  display: string;
2691
2706
  justifyContent: string;
2692
2707
  gap: any;
@@ -2817,14 +2832,38 @@ declare const theme: {
2817
2832
  };
2818
2833
  };
2819
2834
  };
2820
- SCCourseUsersTable: {
2835
+ SCCourseTypePopover: {
2821
2836
  styleOverrides: {
2822
2837
  root: ({ theme }: {
2823
2838
  theme: any;
2824
2839
  }) => {
2825
- '&.SCCourseUsersTable-contrast-bg-color': {
2826
- backgroundColor: any;
2840
+ flexDirection: string;
2841
+ alignItems: string;
2842
+ gap: any;
2843
+ '&.SCCourseTypePopover-contrast-color': {
2844
+ color: any;
2845
+ };
2846
+ '& .SCCourseTypePopover-button': {
2847
+ padding: number;
2848
+ textDecoration: string;
2849
+ '&:hover': {
2850
+ backgroundColor: string;
2851
+ textDecoration: string;
2852
+ };
2827
2853
  };
2854
+ };
2855
+ };
2856
+ };
2857
+ SCCourseUsersTable: {
2858
+ styleOverrides: {
2859
+ root: ({ theme }: {
2860
+ theme: any;
2861
+ }) => {
2862
+ border: string;
2863
+ borderTop: string;
2864
+ borderRadius: string;
2865
+ paddingBottom: string;
2866
+ backgroundColor: any;
2828
2867
  '& .SCCourseUsersTable-search': {
2829
2868
  '& > .MuiInputBase-root': {
2830
2869
  borderBottomLeftRadius: string;
@@ -3346,9 +3385,6 @@ declare const theme: {
3346
3385
  '& .SCEditCourse-contrast-color': {
3347
3386
  color: any;
3348
3387
  };
3349
- '& .SCEditCourse-contrast-bg-color': {
3350
- backgroundColor: any;
3351
- };
3352
3388
  '& .SCEditCourse-header': {
3353
3389
  [x: number]: {
3354
3390
  paddingLeft: any;
@@ -3394,6 +3430,14 @@ declare const theme: {
3394
3430
  };
3395
3431
  '& .SCEditCourse-status': {
3396
3432
  borderRadius: any;
3433
+ '& .MuiButtonBase-root': {
3434
+ padding: number;
3435
+ textDecoration: string;
3436
+ '&:hover': {
3437
+ backgroundColor: string;
3438
+ textDecoration: string;
3439
+ };
3440
+ };
3397
3441
  };
3398
3442
  '& .SCEditCourse-lesson-empty-status': {
3399
3443
  border: string;
@@ -3412,6 +3456,7 @@ declare const theme: {
3412
3456
  borderBottom: string;
3413
3457
  borderTopLeftRadius: string;
3414
3458
  borderTopRightRadius: string;
3459
+ backgroundColor: any;
3415
3460
  '& .SCEditCourse-lessons-sections': {
3416
3461
  flexDirection: string;
3417
3462
  alignItems: string;
@@ -3435,6 +3480,7 @@ declare const theme: {
3435
3480
  border: string;
3436
3481
  borderBottomLeftRadius: string;
3437
3482
  borderBottomRightRadius: string;
3483
+ backgroundColor: any;
3438
3484
  '& .SCEditCourse-table': {
3439
3485
  '& .SCEditCourse-cell-width': {
3440
3486
  width: string;
@@ -3517,19 +3563,25 @@ declare const theme: {
3517
3563
  marginTop: string;
3518
3564
  marginBottom: any;
3519
3565
  };
3520
- '& .SCEditCourse-options-wrapper': {
3521
- gap: any;
3522
- maxWidth: string;
3523
- margin: string;
3524
- };
3525
- '& .SCEditCourse-options-divider': {
3526
- marginTop: string;
3527
- marginBottom: any;
3528
- };
3529
- '& .SCEditCourse-options-button-wrapper': {
3530
- alignItems: string;
3531
- maxWidth: string;
3532
- margin: string;
3566
+ '& .SCEditCourse-options-container': {
3567
+ border: string;
3568
+ borderRadius: string;
3569
+ padding: string;
3570
+ backgroundColor: any;
3571
+ '& .SCEditCourse-options-wrapper': {
3572
+ gap: any;
3573
+ maxWidth: string;
3574
+ margin: string;
3575
+ };
3576
+ '& .SCEditCourse-options-divider': {
3577
+ marginTop: string;
3578
+ marginBottom: any;
3579
+ };
3580
+ '& .SCEditCourse-options-button-wrapper': {
3581
+ alignItems: string;
3582
+ maxWidth: string;
3583
+ margin: string;
3584
+ };
3533
3585
  };
3534
3586
  };
3535
3587
  };
@@ -3578,12 +3630,14 @@ declare const theme: {
3578
3630
  padding: any;
3579
3631
  border: string;
3580
3632
  borderRadius: string;
3633
+ backgroundColor: any;
3581
3634
  };
3582
3635
  '& .SCEditCourse-table-container': {
3583
3636
  width: string;
3584
3637
  border: string;
3585
3638
  borderBottomLeftRadius: string;
3586
3639
  borderBottomRightRadius: string;
3640
+ backgroundColor: any;
3587
3641
  '& .SCEditCourse-margin': {
3588
3642
  margin: string;
3589
3643
  };
@@ -3602,19 +3656,25 @@ declare const theme: {
3602
3656
  marginTop: string;
3603
3657
  marginBottom: any;
3604
3658
  };
3605
- '& .SCEditCourse-options-wrapper': {
3606
- gap: any;
3607
- maxWidth: string;
3608
- margin: string;
3609
- };
3610
- '& .SCEditCourse-options-divider': {
3611
- marginTop: string;
3612
- marginBottom: any;
3613
- };
3614
- '& .SCEditCourse-options-button-wrapper': {
3615
- alignItems: string;
3616
- maxWidth: string;
3617
- margin: string;
3659
+ '& .SCEditCourse-options-container': {
3660
+ border: string;
3661
+ borderRadius: string;
3662
+ paddingBottom: string;
3663
+ backgroundColor: any;
3664
+ '& .SCEditCourse-options-wrapper': {
3665
+ gap: any;
3666
+ maxWidth: string;
3667
+ margin: string;
3668
+ };
3669
+ '& .SCEditCourse-options-divider': {
3670
+ marginTop: string;
3671
+ marginBottom: any;
3672
+ };
3673
+ '& .SCEditCourse-options-button-wrapper': {
3674
+ alignItems: string;
3675
+ maxWidth: string;
3676
+ margin: string;
3677
+ };
3618
3678
  };
3619
3679
  };
3620
3680
  };
@@ -5718,7 +5778,6 @@ declare const theme: {
5718
5778
  };
5719
5779
  };
5720
5780
  '& .SCLessonObject-medias-section': {
5721
- display: string;
5722
5781
  '& .SCLessonFilePreview-root': {
5723
5782
  marginBottom: any;
5724
5783
  };
@@ -9302,6 +9361,14 @@ declare const theme: {
9302
9361
  paddingRight: any;
9303
9362
  };
9304
9363
  };
9364
+ '& .SCEvent-finished-chip': {
9365
+ backgroundColor: any;
9366
+ position: string;
9367
+ top: number;
9368
+ right: number;
9369
+ color: any;
9370
+ boxShadow: string;
9371
+ };
9305
9372
  };
9306
9373
  '& .SCEvent-preview-content': {
9307
9374
  padding: string;
@@ -9358,6 +9425,20 @@ declare const theme: {
9358
9425
  paddingRight: any;
9359
9426
  };
9360
9427
  };
9428
+ '& .SCEvent-finished-chip': {
9429
+ height: number;
9430
+ backgroundColor: any;
9431
+ position: string;
9432
+ top: number;
9433
+ right: number;
9434
+ color: any;
9435
+ boxShadow: string;
9436
+ '& span': {
9437
+ fontSize: string;
9438
+ paddingLeft: any;
9439
+ paddingRight: any;
9440
+ };
9441
+ };
9361
9442
  };
9362
9443
  '& .SCBaseItem-text': {
9363
9444
  fontSize: any;
@@ -9483,6 +9564,16 @@ declare const theme: {
9483
9564
  SCEvents: {
9484
9565
  styleOverrides: {
9485
9566
  root: ({ theme }: any) => {
9567
+ '& .SCEvents-section-title': {
9568
+ marginTop: any;
9569
+ marginBottom: any;
9570
+ color: any;
9571
+ fontWeight: number;
9572
+ fontSize: number;
9573
+ };
9574
+ '& .SCEvents-divider': {
9575
+ marginBottom: any;
9576
+ };
9486
9577
  '& .SCEvents-filters': {
9487
9578
  alignItems: string;
9488
9579
  marginTop: any;
@@ -9560,7 +9651,7 @@ declare const theme: {
9560
9651
  };
9561
9652
  };
9562
9653
  };
9563
- eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
9654
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }: any) => {
9564
9655
  height: any;
9565
9656
  borderRadius: any;
9566
9657
  color: any;
@@ -10636,6 +10727,7 @@ declare const theme: {
10636
10727
  gap: string;
10637
10728
  padding: any;
10638
10729
  marginTop: string;
10730
+ backgroundColor: any;
10639
10731
  '& .SCEmptyStatus-box': {
10640
10732
  width: string;
10641
10733
  height: string;
package/lib/cjs/index.js CHANGED
@@ -45,6 +45,7 @@ const SCCategoryHeader_1 = tslib_1.__importDefault(require("./components/SCCateg
45
45
  const SCCategoryTemplate_1 = tslib_1.__importDefault(require("./components/SCCategoryTemplate"));
46
46
  const SCCategoryTrendingFeedWidget_1 = tslib_1.__importDefault(require("./components/SCCategoryTrendingFeedWidget"));
47
47
  const SCCategoryTrendingUsersWidget_1 = tslib_1.__importDefault(require("./components/SCCategoryTrendingUsersWidget"));
48
+ const SCCourseTypePopover_1 = tslib_1.__importDefault(require("./components/SCCourseTypePopover"));
48
49
  const SCCourseUsersTable_1 = tslib_1.__importDefault(require("./components/SCCourseUsersTable"));
49
50
  const SCChangeCoverButton_1 = tslib_1.__importDefault(require("./components/SCChangeCoverButton"));
50
51
  const SCChangeGroupCoverButton_1 = tslib_1.__importDefault(require("./components/SCChangeGroupCoverButton"));
@@ -351,6 +352,7 @@ const theme = {
351
352
  SCCourseFormDialog: SCCourseFormDialog_1.default,
352
353
  SCCourseParticipantsButton: SCCourseParticipantsButton_1.default,
353
354
  SCCourseInfoDetails: SCCourseInfoDetails_1.default,
355
+ SCCourseTypePopover: SCCourseTypePopover_1.default,
354
356
  SCCourseUsersTable: SCCourseUsersTable_1.default,
355
357
  SCCreateGroupButton: SCCreateGroupButton_1.default,
356
358
  SCCustomAdv: SCCustomAdv_1.default,
package/lib/esm/components/SCAddUsersButton.d.ts CHANGED
@@ -1,6 +1,12 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- root: () => {};
3
+ root: ({ theme }: {
4
+ theme: any;
5
+ }) => {
6
+ '&.SCAddUsersButton-contrast-color': {
7
+ color: any;
8
+ };
9
+ };
4
10
  dialogRoot: () => {
5
11
  '& .MuiDialogActions-root': {
6
12
  marginTop: string;
package/lib/esm/components/SCAddUsersButton.js CHANGED
@@ -1,6 +1,11 @@
1
+ import { getContrastRatio } from '@mui/material';
1
2
  const Component = {
2
3
  styleOverrides: {
3
- root: () => ({}),
4
+ root: ({ theme }) => ({
5
+ '&.SCAddUsersButton-contrast-color': {
6
+ color: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
7
+ }
8
+ }),
4
9
  dialogRoot: () => ({
5
10
  '& .MuiDialogActions-root': {
6
11
  marginTop: '36px'
package/lib/esm/components/SCCourseDashboard.d.ts CHANGED
@@ -9,9 +9,6 @@ declare const Component: {
9
9
  '& .SCCourseDashboard-contrast-color': {
10
10
  color: any;
11
11
  };
12
- '& .SCCourseDashboard-contrast-bg-color': {
13
- backgroundColor: any;
14
- };
15
12
  '& .SCCourseDashboard-header': {
16
13
  [x: number]: {
17
14
  paddingLeft: string;
@@ -54,14 +51,6 @@ declare const Component: {
54
51
  flexDirection: string;
55
52
  alignItems: string;
56
53
  gap: any;
57
- '& .SCCourseDashboard-header-button-popover': {
58
- padding: number;
59
- textDecoration: string;
60
- '&:hover': {
61
- backgroundColor: string;
62
- textDecoration: string;
63
- };
64
- };
65
54
  };
66
55
  };
67
56
  };
@@ -86,6 +75,7 @@ declare const Component: {
86
75
  border: string;
87
76
  borderRadius: string;
88
77
  padding: any;
78
+ backgroundColor: any;
89
79
  '& .SCCourseParticipantsButton-root': {
90
80
  justifyContent: string;
91
81
  padding: number;
@@ -116,6 +106,10 @@ declare const Component: {
116
106
  paddingLeft: string;
117
107
  paddingRight: string;
118
108
  };
109
+ backgroundColor: any;
110
+ border: string;
111
+ borderRadius: string;
112
+ padding: string;
119
113
  '& .SCCourseDashboard-outer-wrapper': {
120
114
  marginTop: string;
121
115
  marginBottom: string;
@@ -160,6 +154,7 @@ declare const Component: {
160
154
  flexDirection: string;
161
155
  alignItems: string;
162
156
  justifyContent: string;
157
+ backgroundColor: any;
163
158
  '& .SCCourseDashboard-user': {
164
159
  flexDirection: string;
165
160
  alignItems: string;
@@ -196,6 +191,7 @@ declare const Component: {
196
191
  borderTopLeftRadius: string;
197
192
  borderTopRightRadius: string;
198
193
  padding: string;
194
+ backgroundColor: any;
199
195
  '& .SCCourseDashboard-circle': {
200
196
  width: string;
201
197
  height: string;
@@ -212,6 +208,7 @@ declare const Component: {
212
208
  border: string;
213
209
  borderRadius: string;
214
210
  padding: string;
211
+ backgroundColor: any;
215
212
  };
216
213
  '& .SCCourseDashboard-percentage-wrapper': {
217
214
  [x: number]: {
package/lib/esm/components/SCCourseDashboard.js CHANGED
@@ -8,9 +8,6 @@ const Component = {
8
8
  '& .SCCourseDashboard-contrast-color': {
9
9
  color: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
10
10
  },
11
- '& .SCCourseDashboard-contrast-bg-color': {
12
- backgroundColor: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
13
- },
14
11
  '& .SCCourseDashboard-header': {
15
12
  [theme.breakpoints.down('sm')]: {
16
13
  paddingLeft: '14px',
@@ -52,15 +49,7 @@ const Component = {
52
49
  '& .SCCourseDashboard-header-icon-wrapper': {
53
50
  flexDirection: 'row',
54
51
  alignItems: 'center',
55
- gap: theme.spacing(1),
56
- '& .SCCourseDashboard-header-button-popover': {
57
- padding: 0,
58
- textDecoration: 'underline',
59
- '&:hover': {
60
- backgroundColor: 'unset',
61
- textDecoration: 'underline'
62
- }
63
- }
52
+ gap: theme.spacing(1)
64
53
  }
65
54
  }
66
55
  }
@@ -80,8 +69,9 @@ const Component = {
80
69
  flex: 1,
81
70
  gap: '6px',
82
71
  border: `1px solid ${theme.palette.grey['300']}`,
83
- borderRadius: '10px',
72
+ borderRadius: '5px',
84
73
  padding: theme.spacing('17px', 3, '19px'),
74
+ backgroundColor: theme.palette.common.white,
85
75
  '& .SCCourseParticipantsButton-root': {
86
76
  justifyContent: 'flex-start',
87
77
  padding: 0
@@ -101,13 +91,17 @@ const Component = {
101
91
  }
102
92
  },
103
93
  '& .SCCourseDashboard-tab-panel': {
104
- padding: theme.spacing(3, 0, 0),
94
+ padding: theme.spacing(3, 0),
105
95
  [theme.breakpoints.down('md')]: {
106
96
  paddingLeft: '14px',
107
97
  paddingRight: '14px'
108
98
  }
109
99
  },
110
100
  '& .SCCourseDashboard-comments-container': {
101
+ backgroundColor: theme.palette.common.white,
102
+ border: `1px solid ${theme.palette.grey['300']}`,
103
+ borderRadius: '5px',
104
+ padding: '5px 0',
111
105
  [theme.breakpoints.up('sm')]: {
112
106
  paddingLeft: '36px',
113
107
  paddingRight: '36px'
@@ -156,6 +150,7 @@ const Component = {
156
150
  flexDirection: 'row',
157
151
  alignItems: 'center',
158
152
  justifyContent: 'space-between',
153
+ backgroundColor: theme.palette.common.white,
159
154
  '& .SCCourseDashboard-user': {
160
155
  flexDirection: 'row',
161
156
  alignItems: 'center',
@@ -192,6 +187,7 @@ const Component = {
192
187
  borderTopLeftRadius: '5px',
193
188
  borderTopRightRadius: '5px',
194
189
  padding: '19px 24px',
190
+ backgroundColor: theme.palette.common.white,
195
191
  '& .SCCourseDashboard-circle': {
196
192
  width: '6px',
197
193
  height: '6px',
@@ -207,7 +203,8 @@ const Component = {
207
203
  gap: '13px',
208
204
  border: `1px solid ${theme.palette.grey['300']}`,
209
205
  borderRadius: '5px',
210
- padding: '11px 24px'
206
+ padding: '11px 24px',
207
+ backgroundColor: theme.palette.common.white
211
208
  },
212
209
  '& .SCCourseDashboard-percentage-wrapper': {
213
210
  justifyContent: 'space-between',
@@ -288,7 +285,7 @@ const Component = {
288
285
  flex: 1,
289
286
  gap: '6px',
290
287
  border: `1px solid ${theme.palette.grey['300']}`,
291
- borderRadius: '10px',
288
+ borderRadius: '5px',
292
289
  padding: theme.spacing('17px', 3, '19px'),
293
290
  '& .SCCourseParticipantsButton-root': {
294
291
  justifyContent: 'flex-start',
package/lib/esm/components/SCCourseForm.d.ts CHANGED
@@ -1,12 +1,11 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- root: ({ theme }: any) => {
3
+ root: ({ theme }: {
4
+ theme: any;
5
+ }) => {
4
6
  '& .SCCourseForm-contrast-color': {
5
7
  color: any;
6
8
  };
7
- '& .SCCourseForm-contrast-bg-color': {
8
- backgroundColor: any;
9
- };
10
9
  '& .SCCourseForm-cover': {
11
10
  position: string;
12
11
  height: number;
@@ -24,10 +23,16 @@ declare const Component: {
24
23
  marginTop: any;
25
24
  color: any;
26
25
  };
26
+ '& h5': {
27
+ padding: any;
28
+ };
27
29
  '& .SCCourseForm-form': {
28
- '& h5': {
29
- padding: any;
30
- };
30
+ border: string;
31
+ borderBottom: string;
32
+ borderRadius: string;
33
+ borderBottomLeftRadius: string;
34
+ borderBottomRightRadius: string;
35
+ backgroundColor: any;
31
36
  '& .SCCourseForm-name': {
32
37
  marginTop: any;
33
38
  };
@@ -35,6 +40,7 @@ declare const Component: {
35
40
  marginTop: any;
36
41
  };
37
42
  '& .SCCourseForm-edit-root': {
43
+ backgroundColor: any;
38
44
  marginTop: any;
39
45
  '& .SCCourseForm-edit-card': {
40
46
  display: string;
@@ -127,7 +133,13 @@ declare const Component: {
127
133
  color: any;
128
134
  };
129
135
  '& .SCCourseForm-actions': {
130
- marginTop: any;
136
+ border: string;
137
+ borderTop: string;
138
+ borderRadius: string;
139
+ borderTopLeftRadius: string;
140
+ borderTopRightRadius: string;
141
+ backgroundColor: any;
142
+ padding: any;
131
143
  display: string;
132
144
  justifyContent: string;
133
145
  gap: any;