@selfcommunity/react-theme-default 1.2.0-alpha.3 → 1.2.0-alpha.4

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 (68) hide show
  1. package/lib/cjs/components/SCAccordionLessons.d.ts +2 -2
  2. package/lib/cjs/components/SCAccordionLessons.js +2 -4
  3. package/lib/cjs/components/SCAddUsersButton.d.ts +7 -2
  4. package/lib/cjs/components/SCAddUsersButton.js +6 -4
  5. package/lib/cjs/components/SCCategoryAutocomplete.d.ts +2 -2
  6. package/lib/cjs/components/SCCategoryAutocomplete.js +2 -5
  7. package/lib/cjs/components/SCCategoryFollowersButton.js +4 -1
  8. package/lib/cjs/components/SCCourseDashboard.d.ts +5 -3
  9. package/lib/cjs/components/SCCourseDashboard.js +6 -6
  10. package/lib/cjs/components/SCCourseForm.d.ts +8 -2
  11. package/lib/cjs/components/SCCourseForm.js +8 -4
  12. package/lib/cjs/components/SCCourseParticipantsButton.d.ts +5 -2
  13. package/lib/cjs/components/SCCourseParticipantsButton.js +8 -5
  14. package/lib/cjs/components/SCCourseUsersTable.d.ts +8 -2
  15. package/lib/cjs/components/SCCourseUsersTable.js +8 -4
  16. package/lib/cjs/components/SCEditCourse.d.ts +9 -3
  17. package/lib/cjs/components/SCEditCourse.js +9 -7
  18. package/lib/cjs/components/SCEventHeader.d.ts +3 -6
  19. package/lib/cjs/components/SCEventHeader.js +16 -15
  20. package/lib/cjs/components/SCFeedObject.d.ts +3 -1
  21. package/lib/cjs/components/SCFeedObject.js +4 -2
  22. package/lib/cjs/components/SCGroupMembersButton.js +4 -1
  23. package/lib/cjs/components/SCInlineComposerWidget.js +1 -1
  24. package/lib/cjs/components/SCNavigationSettingsIconButton.d.ts +1 -1
  25. package/lib/cjs/components/SCNavigationSettingsIconButton.js +1 -4
  26. package/lib/cjs/components/SCPrivateMessageThread.js +6 -2
  27. package/lib/cjs/components/SCPrivateMessageThreadItem.d.ts +3 -0
  28. package/lib/cjs/components/SCPrivateMessageThreadItem.js +3 -0
  29. package/lib/cjs/components/SCUser.d.ts +2 -2
  30. package/lib/cjs/components/SCUser.js +2 -5
  31. package/lib/cjs/components/SCWidget.d.ts +1 -1
  32. package/lib/cjs/components/SCWidget.js +1 -2
  33. package/lib/cjs/index.d.ts +60 -32
  34. package/lib/esm/components/SCAccordionLessons.d.ts +2 -2
  35. package/lib/esm/components/SCAccordionLessons.js +3 -5
  36. package/lib/esm/components/SCAddUsersButton.d.ts +7 -2
  37. package/lib/esm/components/SCAddUsersButton.js +6 -4
  38. package/lib/esm/components/SCCategoryAutocomplete.d.ts +2 -2
  39. package/lib/esm/components/SCCategoryAutocomplete.js +2 -5
  40. package/lib/esm/components/SCCategoryFollowersButton.js +4 -1
  41. package/lib/esm/components/SCCourseDashboard.d.ts +5 -3
  42. package/lib/esm/components/SCCourseDashboard.js +6 -6
  43. package/lib/esm/components/SCCourseForm.d.ts +8 -2
  44. package/lib/esm/components/SCCourseForm.js +9 -5
  45. package/lib/esm/components/SCCourseParticipantsButton.d.ts +5 -2
  46. package/lib/esm/components/SCCourseParticipantsButton.js +8 -5
  47. package/lib/esm/components/SCCourseUsersTable.d.ts +8 -2
  48. package/lib/esm/components/SCCourseUsersTable.js +8 -4
  49. package/lib/esm/components/SCEditCourse.d.ts +9 -3
  50. package/lib/esm/components/SCEditCourse.js +10 -8
  51. package/lib/esm/components/SCEventHeader.d.ts +3 -6
  52. package/lib/esm/components/SCEventHeader.js +16 -15
  53. package/lib/esm/components/SCFeedObject.d.ts +3 -1
  54. package/lib/esm/components/SCFeedObject.js +4 -2
  55. package/lib/esm/components/SCGroupMembersButton.js +4 -1
  56. package/lib/esm/components/SCInlineComposerWidget.js +1 -1
  57. package/lib/esm/components/SCNavigationSettingsIconButton.d.ts +1 -1
  58. package/lib/esm/components/SCNavigationSettingsIconButton.js +1 -4
  59. package/lib/esm/components/SCPrivateMessageThread.js +6 -2
  60. package/lib/esm/components/SCPrivateMessageThreadItem.d.ts +3 -0
  61. package/lib/esm/components/SCPrivateMessageThreadItem.js +3 -0
  62. package/lib/esm/components/SCUser.d.ts +2 -2
  63. package/lib/esm/components/SCUser.js +2 -5
  64. package/lib/esm/components/SCWidget.d.ts +1 -1
  65. package/lib/esm/components/SCWidget.js +1 -2
  66. package/lib/esm/index.d.ts +60 -32
  67. package/lib/umd/react-theme-default.js +1 -1
  68. package/package.json +2 -2
package/lib/esm/components/SCEditCourse.d.ts CHANGED
@@ -6,8 +6,11 @@ declare const Component: {
6
6
  [x: number]: {
7
7
  marginBottom: string;
8
8
  };
9
- '& .SCEditCourse-contrast-color': {
10
- color: string;
9
+ '& .SCEditCourse-default-contrast-color': {
10
+ color: any;
11
+ };
12
+ '& .SCEditCourse-paper-contrast-color': {
13
+ color: any;
11
14
  };
12
15
  '& .SCEditCourse-header': {
13
16
  [x: number]: {
@@ -168,8 +171,11 @@ declare const Component: {
168
171
  gap: string;
169
172
  '& .SCEditCourse-change-lesson-status-published-wrapper': {
170
173
  backgroundColor: any;
174
+ '& .MuiTypography-root': {
175
+ color: any;
176
+ };
171
177
  '& .MuiIcon-root': {
172
- color: string;
178
+ color: any;
173
179
  };
174
180
  };
175
181
  '& .SCEditCourse-change-lesson-status-icon-draft': {
package/lib/esm/components/SCEditCourse.js CHANGED
@@ -1,14 +1,15 @@
1
- import { darken, getContrastRatio, lighten } from '@mui/material';
1
+ import { getContrastRatio } from '@mui/material';
2
2
  const Component = {
3
3
  styleOverrides: {
4
4
  root: ({ theme }) => ({
5
5
  [theme.breakpoints.down('sm')]: {
6
6
  marginBottom: '56px'
7
7
  },
8
- '& .SCEditCourse-contrast-color': {
9
- color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
10
- ? lighten(theme.palette.common.white, 0.5)
11
- : darken(theme.palette.common.white, 0.5)
8
+ '& .SCEditCourse-default-contrast-color': {
9
+ color: theme.palette.getContrastText(theme.palette.background.default)
10
+ },
11
+ '& .SCEditCourse-paper-contrast-color': {
12
+ color: theme.palette.getContrastText(theme.palette.background.paper)
12
13
  },
13
14
  '& .SCEditCourse-header': {
14
15
  flexDirection: 'row',
@@ -191,10 +192,11 @@ const Component = {
191
192
  backgroundColor: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
192
193
  ? theme.palette.primary.dark
193
194
  : theme.palette.primary.main,
195
+ '& .MuiTypography-root': {
196
+ color: theme.palette.common.white
197
+ },
194
198
  '& .MuiIcon-root': {
195
- color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
196
- ? lighten(theme.palette.common.white, 0.5)
197
- : darken(theme.palette.common.white, 0.5)
199
+ color: theme.palette.common.white
198
200
  }
199
201
  },
200
202
  '& .SCEditCourse-change-lesson-status-icon-draft': {
package/lib/esm/components/SCEventHeader.d.ts CHANGED
@@ -1,9 +1,6 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme, isEventAdmin, isEventFinished }: any) => {
4
- '& .SCEventHeader-contrast-color': {
5
- color: string;
6
- };
7
4
  '& .SCEventHeader-cover': {
8
5
  [x: number]: {
9
6
  borderRadius: any;
@@ -53,7 +50,7 @@ declare const Component: {
53
50
  textTransform: string;
54
51
  fontSize: string;
55
52
  fontWeight: any;
56
- color: string;
53
+ color: any;
57
54
  paddingLeft: any;
58
55
  };
59
56
  '& .SCEventHeader-info': {
@@ -62,7 +59,7 @@ declare const Component: {
62
59
  fontSize: string;
63
60
  fontWeight: any;
64
61
  paddingLeft: any;
65
- color: string;
62
+ color: any;
66
63
  };
67
64
  '& .SCEventHeader-visibility': {
68
65
  display: string;
@@ -73,7 +70,7 @@ declare const Component: {
73
70
  '& .SCEventHeader-visibility-item': {
74
71
  fontSize: any;
75
72
  fontWeight: any;
76
- color: string;
73
+ color: any;
77
74
  display: string;
78
75
  justifyContent: string;
79
76
  alignItems: string;
package/lib/esm/components/SCEventHeader.js CHANGED
@@ -2,11 +2,6 @@ import { alpha, darken, getContrastRatio, lighten } from '@mui/material';
2
2
  const Component = {
3
3
  styleOverrides: {
4
4
  root: ({ theme, isEventAdmin, isEventFinished }) => ({
5
- '& .SCEventHeader-contrast-color': {
6
- color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
7
- ? lighten(theme.palette.common.white, 0.5)
8
- : darken(theme.palette.common.white, 0.5)
9
- },
10
5
  '& .SCEventHeader-cover': {
11
6
  position: 'relative',
12
7
  minHeight: 150,
@@ -47,7 +42,7 @@ const Component = {
47
42
  '& .SCEventHeader-chip': {
48
43
  marginLeft: theme.spacing(2),
49
44
  marginBottom: theme.spacing(),
50
- border: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
45
+ border: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5
51
46
  ? '1px solid rgba(255, 255, 255, 0.12)'
52
47
  : `1px solid ${theme.palette.grey[400]}`,
53
48
  '& .SCEventHeader-chip-icon': {
@@ -58,9 +53,11 @@ const Component = {
58
53
  textTransform: 'uppercase',
59
54
  fontSize: '1.143rem',
60
55
  fontWeight: theme.typography.fontWeightLight,
61
- color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
62
- ? lighten(isEventFinished ? theme.palette.grey[500] : theme.palette.text.secondary, 0.5)
63
- : darken(isEventFinished ? theme.palette.grey[500] : theme.palette.text.secondary, 0.5),
56
+ color: isEventFinished
57
+ ? getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5
58
+ ? lighten(theme.palette.grey[500], 0.5)
59
+ : darken(theme.palette.grey[500], 0.5)
60
+ : theme.palette.getContrastText(theme.palette.background.default),
64
61
  paddingLeft: theme.spacing(2)
65
62
  },
66
63
  '& .SCEventHeader-info': {
@@ -69,9 +66,11 @@ const Component = {
69
66
  fontSize: '1.857rem',
70
67
  fontWeight: theme.typography.fontWeightBold,
71
68
  paddingLeft: theme.spacing(2),
72
- color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
73
- ? lighten(isEventFinished ? theme.palette.grey[500] : theme.palette.common.white, 0.5)
74
- : darken(isEventFinished ? theme.palette.grey[500] : theme.palette.common.white, 0.5)
69
+ color: isEventFinished
70
+ ? getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5
71
+ ? lighten(theme.palette.grey[500], 0.5)
72
+ : darken(theme.palette.grey[500], 0.5)
73
+ : theme.palette.getContrastText(theme.palette.background.default)
75
74
  },
76
75
  '& .SCEventHeader-visibility': {
77
76
  display: 'flex',
@@ -82,9 +81,11 @@ const Component = {
82
81
  '& .SCEventHeader-visibility-item': {
83
82
  fontSize: theme.typography.fontSize,
84
83
  fontWeight: theme.typography.fontWeightLight,
85
- color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
86
- ? lighten(isEventFinished ? theme.palette.grey[500] : theme.palette.common.white, 0.5)
87
- : darken(isEventFinished ? theme.palette.grey[500] : theme.palette.common.white, 0.5),
84
+ color: isEventFinished
85
+ ? getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5
86
+ ? lighten(theme.palette.grey[500], 0.5)
87
+ : darken(theme.palette.grey[500], 0.5)
88
+ : theme.palette.getContrastText(theme.palette.background.default),
88
89
  display: 'flex',
89
90
  justifyContent: 'center',
90
91
  alignItems: 'center',
package/lib/esm/components/SCFeedObject.d.ts CHANGED
@@ -605,6 +605,8 @@ declare const Component: {
605
605
  };
606
606
  contributorsRoot: ({ theme }: any) => {
607
607
  '& .SCFeedObject-contributors-btn-participants': {
608
+ display: string;
609
+ gap: string;
608
610
  padding: any;
609
611
  marginLeft: any;
610
612
  color: string;
@@ -620,7 +622,7 @@ declare const Component: {
620
622
  "& .MuiAvatar-root": {
621
623
  backgroundColor: string;
622
624
  border: string;
623
- color: string;
625
+ color: any;
624
626
  fontSize: string;
625
627
  width: any;
626
628
  height: any;
package/lib/esm/components/SCFeedObject.js CHANGED
@@ -614,6 +614,8 @@ const Component = {
614
614
  }),
615
615
  contributorsRoot: ({ theme }) => ({
616
616
  '& .SCFeedObject-contributors-btn-participants': {
617
+ display: 'flex',
618
+ gap: '4px',
617
619
  padding: theme.spacing(0.5),
618
620
  marginLeft: theme.spacing(-0.5),
619
621
  color: 'inherit',
@@ -628,8 +630,8 @@ const Component = {
628
630
  },
629
631
  ['& .MuiAvatar-root']: {
630
632
  backgroundColor: '#d5d5d5',
631
- border: '2px solid #FFF !important',
632
- color: '#FFF',
633
+ border: `1px solid ${theme.palette.common.white}`,
634
+ color: theme.palette.common.white,
633
635
  fontSize: '0.55rem',
634
636
  width: theme.selfcommunity.user.avatar.sizeSmall,
635
637
  height: theme.selfcommunity.user.avatar.sizeSmall,
package/lib/esm/components/SCGroupMembersButton.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { getContrastRatio } from '@mui/material';
1
2
  const Component = {
2
3
  styleOverrides: {
3
4
  root: ({ theme, subscribers }) => ({
@@ -15,7 +16,9 @@ const Component = {
15
16
  },
16
17
  '& .MuiAvatar-root': {
17
18
  height: theme.selfcommunity.user.avatar.sizeSmall,
18
- border: `1px solid ${theme.palette.common.white}`,
19
+ border: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5
20
+ ? '1px solid rgba(255, 255, 255, 0.12)'
21
+ : `1px solid ${theme.palette.common.white}`,
19
22
  fontSize: '0.7rem',
20
23
  '&:first-of-type': {
21
24
  width: subscribers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
package/lib/esm/components/SCInlineComposerWidget.js CHANGED
@@ -16,7 +16,7 @@ const Component = {
16
16
  '& .MuiButton-root': {
17
17
  fontWeight: theme.typography.fontWeightMedium,
18
18
  letterSpacing: '0.17px',
19
- padding: theme.spacing(0.5, 0),
19
+ padding: theme.spacing(0.5, 0, 0.5, 1),
20
20
  '&:hover': {
21
21
  color: theme.palette.text.secondary,
22
22
  border: 'none'
package/lib/esm/components/SCNavigationSettingsIconButton.d.ts CHANGED
@@ -9,7 +9,7 @@ declare const Component: {
9
9
  };
10
10
  };
11
11
  '& .SCNavigationSettingsIconButton-item': {
12
- color: string;
12
+ color: any;
13
13
  '& .MuiListItemIcon-root': {
14
14
  marginLeft: any;
15
15
  marginBottom: any;
package/lib/esm/components/SCNavigationSettingsIconButton.js CHANGED
@@ -1,4 +1,3 @@
1
- import { darken, getContrastRatio, lighten } from '@mui/material';
2
1
  const Component = {
3
2
  styleOverrides: {
4
3
  menuRoot: ({ theme }) => ({
@@ -10,9 +9,7 @@ const Component = {
10
9
  }
11
10
  },
12
11
  '& .SCNavigationSettingsIconButton-item': {
13
- color: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5
14
- ? lighten(theme.palette.common.white, 0.5)
15
- : darken(theme.palette.common.white, 0.5),
12
+ color: theme.palette.getContrastText(theme.palette.background.default),
16
13
  '& .MuiListItemIcon-root': {
17
14
  marginLeft: theme.spacing(0.5),
18
15
  marginBottom: theme.spacing(0.5),
package/lib/esm/components/SCPrivateMessageThread.js CHANGED
@@ -57,7 +57,9 @@ const Component = {
57
57
  }
58
58
  },
59
59
  '&.SCPrivateMessageThread-sender': {
60
- backgroundColor: theme.palette.grey[300],
60
+ backgroundColor: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5
61
+ ? theme.palette.grey[600]
62
+ : theme.palette.grey[300],
61
63
  position: 'relative',
62
64
  marginLeft: 'auto',
63
65
  marginRight: theme.spacing(1),
@@ -65,7 +67,9 @@ const Component = {
65
67
  content: `""`,
66
68
  position: 'absolute',
67
69
  border: `${theme.spacing(3)} solid transparent`,
68
- borderTop: `${theme.spacing(3)} solid ${theme.palette.grey[300]}`,
70
+ borderTop: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5
71
+ ? `${theme.spacing(3)} solid ${theme.palette.grey[600]}`
72
+ : `${theme.spacing(3)} solid ${theme.palette.grey[300]}`,
69
73
  top: theme.spacing(0),
70
74
  right: theme.spacing(-2)
71
75
  }
package/lib/esm/components/SCPrivateMessageThreadItem.d.ts CHANGED
@@ -6,6 +6,9 @@ declare const Component: {
6
6
  padding: any;
7
7
  boxShadow: string;
8
8
  marginBottom: any;
9
+ '& .SCPrivateMessageThreadItem-paper-contrast-color': {
10
+ color: any;
11
+ };
9
12
  '& .MuiListItemSecondaryAction-root': {
10
13
  right: number;
11
14
  top: any;
package/lib/esm/components/SCPrivateMessageThreadItem.js CHANGED
@@ -6,6 +6,9 @@ const Component = {
6
6
  padding: theme.spacing(2, 4, 4, 2),
7
7
  boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
8
8
  marginBottom: theme.spacing(1),
9
+ '& .SCPrivateMessageThreadItem-paper-contrast-color': {
10
+ color: theme.palette.getContrastText(theme.palette.background.paper)
11
+ },
9
12
  '& .MuiListItemSecondaryAction-root': {
10
13
  right: 10,
11
14
  top: theme.spacing(3),
package/lib/esm/components/SCUser.d.ts CHANGED
@@ -7,8 +7,8 @@ declare const Component: {
7
7
  borderRadius: number;
8
8
  paddingBottom: number;
9
9
  overflow: string;
10
- '& .SCUser-contrast-color': {
11
- color: string;
10
+ '& .SCUser-paper-contrast-color': {
11
+ color: any;
12
12
  };
13
13
  '& .MuiChip-root': {
14
14
  height: string;
package/lib/esm/components/SCUser.js CHANGED
@@ -1,4 +1,3 @@
1
- import { darken, getContrastRatio, lighten } from '@mui/material';
2
1
  const Component = {
3
2
  styleOverrides: {
4
3
  root: ({ theme }) => ({
@@ -8,10 +7,8 @@ const Component = {
8
7
  [theme.breakpoints.up('sm')]: {
9
8
  borderRadius: theme.shape.borderRadius
10
9
  },
11
- '& .SCUser-contrast-color': {
12
- color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
13
- ? lighten(theme.palette.common.white, 0.5)
14
- : darken(theme.palette.common.white, 0.5)
10
+ '& .SCUser-paper-contrast-color': {
11
+ color: theme.palette.getContrastText(theme.palette.background.paper)
15
12
  },
16
13
  '& .MuiChip-root': {
17
14
  height: '18px'
package/lib/esm/components/SCWidget.d.ts CHANGED
@@ -35,7 +35,7 @@ declare const Component: {
35
35
  '& h5': {
36
36
  fontFamily: any;
37
37
  fontWeight: any;
38
- color: string;
38
+ color: any;
39
39
  fontSize: string;
40
40
  };
41
41
  '& .MuiList-root': {
package/lib/esm/components/SCWidget.js CHANGED
@@ -1,4 +1,3 @@
1
- import { lighten } from '@mui/material';
2
1
  const Component = {
3
2
  variants: [
4
3
  {
@@ -33,7 +32,7 @@ const Component = {
33
32
  '& h5': {
34
33
  fontFamily: theme.typography.fontFamily,
35
34
  fontWeight: theme.typography.fontWeightBold,
36
- color: lighten(theme.palette.text.primary, 0.5),
35
+ color: theme.palette.getContrastText(theme.palette.background.default),
37
36
  fontSize: '1.143rem'
38
37
  },
39
38
  '& .MuiList-root': {
package/lib/esm/index.d.ts CHANGED
@@ -249,8 +249,8 @@ declare const theme: {
249
249
  backgroundColor: any;
250
250
  border: string;
251
251
  borderRadius: string;
252
- '& .SCAccordionLessons-contrast-color': {
253
- color: string;
252
+ '& .SCAccordionLessons-paper-contrast-color': {
253
+ color: any;
254
254
  };
255
255
  '& .SCAccordionLessons-empty': {
256
256
  padding: any;
@@ -382,11 +382,16 @@ declare const theme: {
382
382
  root: ({ theme }: {
383
383
  theme: any;
384
384
  }) => {
385
- '&.SCAddUsersButton-contrast-color': {
385
+ '&.SCAddUsersButton-default-contrast-color': {
386
386
  color: any;
387
387
  };
388
388
  };
389
- dialogRoot: () => {
389
+ dialogRoot: ({ theme }: {
390
+ theme: any;
391
+ }) => {
392
+ '& .SCAddUsersButton-dialog-paper-contrast-color': {
393
+ color: any;
394
+ };
390
395
  '& .MuiDialogActions-root': {
391
396
  marginTop: string;
392
397
  };
@@ -812,8 +817,8 @@ declare const theme: {
812
817
  SCCategoryAutocomplete: {
813
818
  styleOverrides: {
814
819
  root: ({ theme }: any) => {
815
- '& .SCCategoryAutocomplete-contrast-color': {
816
- color: string;
820
+ '& .SCCategoryAutocomplete-paper-contrast-color': {
821
+ color: any;
817
822
  };
818
823
  };
819
824
  };
@@ -2168,8 +2173,11 @@ declare const theme: {
2168
2173
  [x: number]: {
2169
2174
  marginBottom: string;
2170
2175
  };
2171
- '& .SCCourseDashboard-contrast-color': {
2172
- color: string;
2176
+ '& .SCCourseDashboard-default-contrast-color': {
2177
+ color: any;
2178
+ };
2179
+ '& .SCCourseDashboard-paper-contrast-color': {
2180
+ color: any;
2173
2181
  };
2174
2182
  '& .SCCourseDashboard-header': {
2175
2183
  [x: number]: {
@@ -2340,7 +2348,6 @@ declare const theme: {
2340
2348
  };
2341
2349
  '& a': {
2342
2350
  textDecoration: string;
2343
- color: string;
2344
2351
  };
2345
2352
  '& .MuiBadge-root': {
2346
2353
  marginRight: any;
@@ -2538,9 +2545,7 @@ declare const theme: {
2538
2545
  borderTopRightRadius: string;
2539
2546
  padding: string;
2540
2547
  '& .SCCourseDashboard-circle': {
2541
- width: string; /**
2542
- * Export default theme
2543
- */
2548
+ width: string;
2544
2549
  height: string;
2545
2550
  borderRadius: number;
2546
2551
  };
@@ -2693,8 +2698,11 @@ declare const theme: {
2693
2698
  root: ({ theme }: {
2694
2699
  theme: any;
2695
2700
  }) => {
2696
- '& .SCCourseForm-contrast-color': {
2697
- color: string;
2701
+ '& .SCCourseForm-default-contrast-color': {
2702
+ color: any;
2703
+ };
2704
+ '& .SCCourseForm-paper-contrast-color': {
2705
+ color: any;
2698
2706
  };
2699
2707
  '& .SCCourseForm-cover': {
2700
2708
  position: string;
@@ -2732,6 +2740,9 @@ declare const theme: {
2732
2740
  '& .SCCourseForm-name': {
2733
2741
  marginTop: any;
2734
2742
  };
2743
+ '.MuiInputBase-root': {
2744
+ color: any;
2745
+ };
2735
2746
  '& .SCCategoryAutocomplete-root ': {
2736
2747
  marginTop: any;
2737
2748
  };
@@ -2895,8 +2906,8 @@ declare const theme: {
2895
2906
  '&:hover': {
2896
2907
  backgroundColor: string;
2897
2908
  };
2898
- '& .SCCourseParticipantsButton-contrast-color': {
2899
- color: string;
2909
+ '& .SCCourseParticipantsButton-paper-contrast-color': {
2910
+ color: any;
2900
2911
  };
2901
2912
  '& .MuiAvatarGroup-root': {
2902
2913
  '&:not(.SCAvatarCourseSkeleton-root) .MuiAvatar-root': {
@@ -2930,6 +2941,9 @@ declare const theme: {
2930
2941
  dialogRoot: ({ theme }: {
2931
2942
  theme: any;
2932
2943
  }) => {
2944
+ '& .SCCourseParticipantsButton-dialog-paper-contrast-color': {
2945
+ color: any;
2946
+ };
2933
2947
  '& .SCCourseParticipantsButton-infinite-scroll': {
2934
2948
  [x: number]: {
2935
2949
  height: string;
@@ -3015,8 +3029,11 @@ declare const theme: {
3015
3029
  borderRadius: string;
3016
3030
  padding: any;
3017
3031
  backgroundColor: any;
3018
- '& .SCCourseUsersTable-contrast-color': {
3019
- color: string;
3032
+ '& .SCCourseUsersTable-default-contrast-color': {
3033
+ color: any;
3034
+ };
3035
+ '& .SCCourseUsersTable-paper-contrast-color': {
3036
+ color: any;
3020
3037
  };
3021
3038
  '& .SCCourseUsersTable-search': {
3022
3039
  '& > .MuiInputBase-root': {
@@ -3075,6 +3092,9 @@ declare const theme: {
3075
3092
  dialogRoot: ({ theme }: {
3076
3093
  theme: any;
3077
3094
  }) => {
3095
+ '& .SCCourseUsersTable-dialog-paper-contrast-color': {
3096
+ color: any;
3097
+ };
3078
3098
  '& .MuiDialogTitle-root': {
3079
3099
  color: string;
3080
3100
  };
@@ -3562,8 +3582,11 @@ declare const theme: {
3562
3582
  [x: number]: {
3563
3583
  marginBottom: string;
3564
3584
  };
3565
- '& .SCEditCourse-contrast-color': {
3566
- color: string;
3585
+ '& .SCEditCourse-default-contrast-color': {
3586
+ color: any;
3587
+ };
3588
+ '& .SCEditCourse-paper-contrast-color': {
3589
+ color: any;
3567
3590
  };
3568
3591
  '& .SCEditCourse-header': {
3569
3592
  [x: number]: {
@@ -3724,8 +3747,11 @@ declare const theme: {
3724
3747
  gap: string;
3725
3748
  '& .SCEditCourse-change-lesson-status-published-wrapper': {
3726
3749
  backgroundColor: any;
3750
+ '& .MuiTypography-root': {
3751
+ color: any;
3752
+ };
3727
3753
  '& .MuiIcon-root': {
3728
- color: string;
3754
+ color: any;
3729
3755
  };
3730
3756
  };
3731
3757
  '& .SCEditCourse-change-lesson-status-icon-draft': {
@@ -4591,6 +4617,8 @@ declare const theme: {
4591
4617
  };
4592
4618
  contributorsRoot: ({ theme }: any) => {
4593
4619
  '& .SCFeedObject-contributors-btn-participants': {
4620
+ display: string;
4621
+ gap: string;
4594
4622
  padding: any;
4595
4623
  marginLeft: any;
4596
4624
  color: string;
@@ -4606,7 +4634,7 @@ declare const theme: {
4606
4634
  "& .MuiAvatar-root": {
4607
4635
  backgroundColor: string;
4608
4636
  border: string;
4609
- color: string;
4637
+ color: any;
4610
4638
  fontSize: string;
4611
4639
  width: any;
4612
4640
  height: any;
@@ -6982,7 +7010,7 @@ declare const theme: {
6982
7010
  };
6983
7011
  };
6984
7012
  '& .SCNavigationSettingsIconButton-item': {
6985
- color: string;
7013
+ color: any;
6986
7014
  '& .MuiListItemIcon-root': {
6987
7015
  marginLeft: any;
6988
7016
  marginBottom: any;
@@ -8733,6 +8761,9 @@ declare const theme: {
8733
8761
  padding: any;
8734
8762
  boxShadow: string;
8735
8763
  marginBottom: any;
8764
+ '& .SCPrivateMessageThreadItem-paper-contrast-color': {
8765
+ color: any;
8766
+ };
8736
8767
  '& .MuiListItemSecondaryAction-root': {
8737
8768
  right: number;
8738
8769
  top: any;
@@ -9063,8 +9094,8 @@ declare const theme: {
9063
9094
  borderRadius: number;
9064
9095
  paddingBottom: number;
9065
9096
  overflow: string;
9066
- '& .SCUser-contrast-color': {
9067
- color: string;
9097
+ '& .SCUser-paper-contrast-color': {
9098
+ color: any;
9068
9099
  };
9069
9100
  '& .MuiChip-root': {
9070
9101
  height: string;
@@ -10123,9 +10154,6 @@ declare const theme: {
10123
10154
  SCEventHeader: {
10124
10155
  styleOverrides: {
10125
10156
  root: ({ theme, isEventAdmin, isEventFinished }: any) => {
10126
- '& .SCEventHeader-contrast-color': {
10127
- color: string;
10128
- };
10129
10157
  '& .SCEventHeader-cover': {
10130
10158
  [x: number]: {
10131
10159
  borderRadius: any;
@@ -10175,7 +10203,7 @@ declare const theme: {
10175
10203
  textTransform: string;
10176
10204
  fontSize: string;
10177
10205
  fontWeight: any;
10178
- color: string;
10206
+ color: any;
10179
10207
  paddingLeft: any;
10180
10208
  };
10181
10209
  '& .SCEventHeader-info': {
@@ -10184,7 +10212,7 @@ declare const theme: {
10184
10212
  fontSize: string;
10185
10213
  fontWeight: any;
10186
10214
  paddingLeft: any;
10187
- color: string;
10215
+ color: any;
10188
10216
  };
10189
10217
  '& .SCEventHeader-visibility': {
10190
10218
  display: string;
@@ -10195,7 +10223,7 @@ declare const theme: {
10195
10223
  '& .SCEventHeader-visibility-item': {
10196
10224
  fontSize: any;
10197
10225
  fontWeight: any;
10198
- color: string;
10226
+ color: any;
10199
10227
  display: string;
10200
10228
  justifyContent: string;
10201
10229
  alignItems: string;
@@ -10995,7 +11023,7 @@ declare const theme: {
10995
11023
  '& h5': {
10996
11024
  fontFamily: any;
10997
11025
  fontWeight: any;
10998
- color: string;
11026
+ color: any;
10999
11027
  fontSize: string;
11000
11028
  };
11001
11029
  '& .MuiList-root': {