@selfcommunity/react-theme-default 1.2.0-alpha.2 → 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 (88) 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/SCBaseItemButton.d.ts +2 -2
  6. package/lib/cjs/components/SCBaseItemButton.js +7 -2
  7. package/lib/cjs/components/SCCategoryAutocomplete.d.ts +2 -2
  8. package/lib/cjs/components/SCCategoryAutocomplete.js +2 -5
  9. package/lib/cjs/components/SCCategoryFollowersButton.js +4 -1
  10. package/lib/cjs/components/SCCourseDashboard.d.ts +5 -3
  11. package/lib/cjs/components/SCCourseDashboard.js +6 -6
  12. package/lib/cjs/components/SCCourseForm.d.ts +8 -2
  13. package/lib/cjs/components/SCCourseForm.js +8 -4
  14. package/lib/cjs/components/SCCourseParticipantsButton.d.ts +5 -2
  15. package/lib/cjs/components/SCCourseParticipantsButton.js +8 -5
  16. package/lib/cjs/components/SCCourseUsersTable.d.ts +8 -2
  17. package/lib/cjs/components/SCCourseUsersTable.js +8 -4
  18. package/lib/cjs/components/SCEditCourse.d.ts +9 -3
  19. package/lib/cjs/components/SCEditCourse.js +9 -7
  20. package/lib/cjs/components/SCEventHeader.d.ts +0 -3
  21. package/lib/cjs/components/SCEventHeader.js +18 -7
  22. package/lib/cjs/components/SCEventSubscribeButton.d.ts +2 -0
  23. package/lib/cjs/components/SCEventSubscribeButton.js +7 -2
  24. package/lib/cjs/components/SCFeedObject.d.ts +3 -1
  25. package/lib/cjs/components/SCFeedObject.js +4 -2
  26. package/lib/cjs/components/SCGroupMembersButton.js +4 -1
  27. package/lib/cjs/components/SCInlineComposerWidget.js +1 -1
  28. package/lib/cjs/components/SCNavigationSettingsIconButton.d.ts +6 -3
  29. package/lib/cjs/components/SCNavigationSettingsIconButton.js +7 -4
  30. package/lib/cjs/components/SCOnBoardingWidget.js +10 -3
  31. package/lib/cjs/components/SCPrivateMessageEditor.js +4 -2
  32. package/lib/cjs/components/SCPrivateMessageSnippetItem.d.ts +3 -0
  33. package/lib/cjs/components/SCPrivateMessageSnippetItem.js +6 -0
  34. package/lib/cjs/components/SCPrivateMessageSnippets.d.ts +0 -10
  35. package/lib/cjs/components/SCPrivateMessageSnippets.js +2 -11
  36. package/lib/cjs/components/SCPrivateMessageThread.js +15 -7
  37. package/lib/cjs/components/SCPrivateMessageThreadItem.d.ts +3 -0
  38. package/lib/cjs/components/SCPrivateMessageThreadItem.js +3 -0
  39. package/lib/cjs/components/SCUser.d.ts +3 -0
  40. package/lib/cjs/components/SCUser.js +3 -0
  41. package/lib/cjs/components/SCWidget.d.ts +1 -1
  42. package/lib/cjs/components/SCWidget.js +1 -2
  43. package/lib/cjs/index.d.ts +73 -41
  44. package/lib/esm/components/SCAccordionLessons.d.ts +2 -2
  45. package/lib/esm/components/SCAccordionLessons.js +3 -5
  46. package/lib/esm/components/SCAddUsersButton.d.ts +7 -2
  47. package/lib/esm/components/SCAddUsersButton.js +6 -4
  48. package/lib/esm/components/SCBaseItemButton.d.ts +2 -2
  49. package/lib/esm/components/SCBaseItemButton.js +7 -2
  50. package/lib/esm/components/SCCategoryAutocomplete.d.ts +2 -2
  51. package/lib/esm/components/SCCategoryAutocomplete.js +2 -5
  52. package/lib/esm/components/SCCategoryFollowersButton.js +4 -1
  53. package/lib/esm/components/SCCourseDashboard.d.ts +5 -3
  54. package/lib/esm/components/SCCourseDashboard.js +6 -6
  55. package/lib/esm/components/SCCourseForm.d.ts +8 -2
  56. package/lib/esm/components/SCCourseForm.js +9 -5
  57. package/lib/esm/components/SCCourseParticipantsButton.d.ts +5 -2
  58. package/lib/esm/components/SCCourseParticipantsButton.js +8 -5
  59. package/lib/esm/components/SCCourseUsersTable.d.ts +8 -2
  60. package/lib/esm/components/SCCourseUsersTable.js +8 -4
  61. package/lib/esm/components/SCEditCourse.d.ts +9 -3
  62. package/lib/esm/components/SCEditCourse.js +10 -8
  63. package/lib/esm/components/SCEventHeader.d.ts +0 -3
  64. package/lib/esm/components/SCEventHeader.js +19 -8
  65. package/lib/esm/components/SCEventSubscribeButton.d.ts +2 -0
  66. package/lib/esm/components/SCEventSubscribeButton.js +7 -2
  67. package/lib/esm/components/SCFeedObject.d.ts +3 -1
  68. package/lib/esm/components/SCFeedObject.js +4 -2
  69. package/lib/esm/components/SCGroupMembersButton.js +4 -1
  70. package/lib/esm/components/SCInlineComposerWidget.js +1 -1
  71. package/lib/esm/components/SCNavigationSettingsIconButton.d.ts +6 -3
  72. package/lib/esm/components/SCNavigationSettingsIconButton.js +7 -4
  73. package/lib/esm/components/SCOnBoardingWidget.js +10 -3
  74. package/lib/esm/components/SCPrivateMessageEditor.js +4 -2
  75. package/lib/esm/components/SCPrivateMessageSnippetItem.d.ts +3 -0
  76. package/lib/esm/components/SCPrivateMessageSnippetItem.js +6 -0
  77. package/lib/esm/components/SCPrivateMessageSnippets.d.ts +0 -10
  78. package/lib/esm/components/SCPrivateMessageSnippets.js +2 -11
  79. package/lib/esm/components/SCPrivateMessageThread.js +13 -5
  80. package/lib/esm/components/SCPrivateMessageThreadItem.d.ts +3 -0
  81. package/lib/esm/components/SCPrivateMessageThreadItem.js +3 -0
  82. package/lib/esm/components/SCUser.d.ts +3 -0
  83. package/lib/esm/components/SCUser.js +3 -0
  84. package/lib/esm/components/SCWidget.d.ts +1 -1
  85. package/lib/esm/components/SCWidget.js +1 -2
  86. package/lib/esm/index.d.ts +73 -41
  87. package/lib/umd/react-theme-default.js +1 -1
  88. package/package.json +2 -2
package/lib/cjs/components/SCAccordionLessons.d.ts CHANGED
@@ -6,8 +6,8 @@ declare const Component: {
6
6
  backgroundColor: any;
7
7
  border: string;
8
8
  borderRadius: string;
9
- '& .SCAccordionLessons-contrast-color': {
10
- color: string;
9
+ '& .SCAccordionLessons-paper-contrast-color': {
10
+ color: any;
11
11
  };
12
12
  '& .SCAccordionLessons-empty': {
13
13
  padding: any;
package/lib/cjs/components/SCAccordionLessons.js CHANGED
@@ -11,10 +11,8 @@ const Component = {
11
11
  ? `1px solid ${theme.palette.grey[800]}`
12
12
  : `1px solid ${theme.palette.grey[300]}`,
13
13
  borderRadius: '5px',
14
- '& .SCAccordionLessons-contrast-color': {
15
- color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
16
- ? (0, material_1.lighten)(theme.palette.common.white, 0.5)
17
- : (0, material_1.darken)(theme.palette.common.white, 0.5)
14
+ '& .SCAccordionLessons-paper-contrast-color': {
15
+ color: theme.palette.getContrastText(theme.palette.background.paper)
18
16
  },
19
17
  '& .SCAccordionLessons-empty': {
20
18
  padding: theme.spacing('19px', 3)
package/lib/cjs/components/SCAddUsersButton.d.ts CHANGED
@@ -3,11 +3,16 @@ declare const Component: {
3
3
  root: ({ theme }: {
4
4
  theme: any;
5
5
  }) => {
6
- '&.SCAddUsersButton-contrast-color': {
6
+ '&.SCAddUsersButton-default-contrast-color': {
7
7
  color: any;
8
8
  };
9
9
  };
10
- dialogRoot: () => {
10
+ dialogRoot: ({ theme }: {
11
+ theme: any;
12
+ }) => {
13
+ '& .SCAddUsersButton-dialog-paper-contrast-color': {
14
+ color: any;
15
+ };
11
16
  '& .MuiDialogActions-root': {
12
17
  marginTop: string;
13
18
  };
package/lib/cjs/components/SCAddUsersButton.js CHANGED
@@ -1,14 +1,16 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const material_1 = require("@mui/material");
4
3
  const Component = {
5
4
  styleOverrides: {
6
5
  root: ({ theme }) => ({
7
- '&.SCAddUsersButton-contrast-color': {
8
- color: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
6
+ '&.SCAddUsersButton-default-contrast-color': {
7
+ color: theme.palette.getContrastText(theme.palette.background.default)
9
8
  }
10
9
  }),
11
- dialogRoot: () => ({
10
+ dialogRoot: ({ theme }) => ({
11
+ '& .SCAddUsersButton-dialog-paper-contrast-color': {
12
+ color: theme.palette.getContrastText(theme.palette.background.paper)
13
+ },
12
14
  '& .MuiDialogActions-root': {
13
15
  marginTop: '36px'
14
16
  },
package/lib/cjs/components/SCBaseItemButton.d.ts CHANGED
@@ -27,10 +27,10 @@ declare const Component: {
27
27
  marginTop: any;
28
28
  marginBottom: any;
29
29
  '& .SCBaseItemButton-primary': {
30
- color: any;
30
+ color: string;
31
31
  };
32
32
  '& .SCBaseItemButton-secondary': {
33
- color: any;
33
+ color: string;
34
34
  };
35
35
  };
36
36
  };
package/lib/cjs/components/SCBaseItemButton.js CHANGED
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const material_1 = require("@mui/material");
3
4
  const Component = {
4
5
  styleOverrides: {
5
6
  root: ({ theme }) => ({
@@ -29,10 +30,14 @@ const Component = {
29
30
  marginTop: theme.spacing(),
30
31
  marginBottom: theme.spacing(),
31
32
  '& .SCBaseItemButton-primary': {
32
- color: theme.palette.text.primary
33
+ color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
34
+ ? (0, material_1.lighten)(theme.palette.text.primary, 0.5)
35
+ : (0, material_1.darken)(theme.palette.text.primary, 0.5)
33
36
  },
34
37
  '& .SCBaseItemButton-secondary': {
35
- color: theme.palette.text.secondary
38
+ color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
39
+ ? (0, material_1.lighten)(theme.palette.text.secondary, 0.5)
40
+ : (0, material_1.darken)(theme.palette.text.secondary, 0.5)
36
41
  }
37
42
  }
38
43
  },
package/lib/cjs/components/SCCategoryAutocomplete.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
- '& .SCCategoryAutocomplete-contrast-color': {
5
- color: string;
4
+ '& .SCCategoryAutocomplete-paper-contrast-color': {
5
+ color: any;
6
6
  };
7
7
  };
8
8
  };
package/lib/cjs/components/SCCategoryAutocomplete.js CHANGED
@@ -1,13 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const material_1 = require("@mui/material");
4
3
  const Component = {
5
4
  styleOverrides: {
6
5
  root: ({ theme }) => ({
7
- '& .SCCategoryAutocomplete-contrast-color': {
8
- color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
9
- ? (0, material_1.lighten)(theme.palette.common.white, 0.5)
10
- : (0, material_1.darken)(theme.palette.common.white, 0.5)
6
+ '& .SCCategoryAutocomplete-paper-contrast-color': {
7
+ color: theme.palette.getContrastText(theme.palette.background.paper)
11
8
  }
12
9
  })
13
10
  }
package/lib/cjs/components/SCCategoryFollowersButton.js CHANGED
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const material_1 = require("@mui/material");
3
4
  const Component = {
4
5
  styleOverrides: {
5
6
  root: ({ theme, followers }) => ({
@@ -17,7 +18,9 @@ const Component = {
17
18
  },
18
19
  '& .MuiAvatar-root': {
19
20
  height: theme.selfcommunity.user.avatar.sizeSmall,
20
- border: `1px solid ${theme.palette.common.white}`,
21
+ border: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5
22
+ ? '1px solid rgba(255, 255, 255, 0.12)'
23
+ : `1px solid ${theme.palette.common.white}`,
21
24
  fontSize: '0.7rem',
22
25
  '&:first-of-type': {
23
26
  width: followers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
package/lib/cjs/components/SCCourseDashboard.d.ts CHANGED
@@ -6,8 +6,11 @@ declare const Component: {
6
6
  [x: number]: {
7
7
  marginBottom: string;
8
8
  };
9
- '& .SCCourseDashboard-contrast-color': {
10
- color: string;
9
+ '& .SCCourseDashboard-default-contrast-color': {
10
+ color: any;
11
+ };
12
+ '& .SCCourseDashboard-paper-contrast-color': {
13
+ color: any;
11
14
  };
12
15
  '& .SCCourseDashboard-header': {
13
16
  [x: number]: {
@@ -178,7 +181,6 @@ declare const Component: {
178
181
  };
179
182
  '& a': {
180
183
  textDecoration: string;
181
- color: string;
182
184
  };
183
185
  '& .MuiBadge-root': {
184
186
  marginRight: any;
package/lib/cjs/components/SCCourseDashboard.js CHANGED
@@ -7,10 +7,11 @@ const Component = {
7
7
  [theme.breakpoints.down('sm')]: {
8
8
  marginBottom: '56px'
9
9
  },
10
- '& .SCCourseDashboard-contrast-color': {
11
- color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
12
- ? (0, material_1.lighten)(theme.palette.common.white, 0.5)
13
- : (0, material_1.darken)(theme.palette.common.white, 0.5)
10
+ '& .SCCourseDashboard-default-contrast-color': {
11
+ color: theme.palette.getContrastText(theme.palette.background.default)
12
+ },
13
+ '& .SCCourseDashboard-paper-contrast-color': {
14
+ color: theme.palette.getContrastText(theme.palette.background.paper)
14
15
  },
15
16
  '& .SCCourseDashboard-header': {
16
17
  [theme.breakpoints.down('sm')]: {
@@ -191,8 +192,7 @@ const Component = {
191
192
  height: '36px'
192
193
  },
193
194
  '& a': {
194
- textDecoration: 'none',
195
- color: 'inherit'
195
+ textDecoration: 'none'
196
196
  },
197
197
  '& .MuiBadge-root': {
198
198
  marginRight: theme.spacing(0.5)
package/lib/cjs/components/SCCourseForm.d.ts CHANGED
@@ -3,8 +3,11 @@ declare const Component: {
3
3
  root: ({ theme }: {
4
4
  theme: any;
5
5
  }) => {
6
- '& .SCCourseForm-contrast-color': {
7
- color: string;
6
+ '& .SCCourseForm-default-contrast-color': {
7
+ color: any;
8
+ };
9
+ '& .SCCourseForm-paper-contrast-color': {
10
+ color: any;
8
11
  };
9
12
  '& .SCCourseForm-cover': {
10
13
  position: string;
@@ -42,6 +45,9 @@ declare const Component: {
42
45
  '& .SCCourseForm-name': {
43
46
  marginTop: any;
44
47
  };
48
+ '.MuiInputBase-root': {
49
+ color: any;
50
+ };
45
51
  '& .SCCategoryAutocomplete-root ': {
46
52
  marginTop: any;
47
53
  };
package/lib/cjs/components/SCCourseForm.js CHANGED
@@ -4,10 +4,11 @@ const material_1 = require("@mui/material");
4
4
  const Component = {
5
5
  styleOverrides: {
6
6
  root: ({ theme }) => ({
7
- '& .SCCourseForm-contrast-color': {
8
- color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
9
- ? (0, material_1.lighten)(theme.palette.common.white, 0.5)
10
- : (0, material_1.darken)(theme.palette.common.white, 0.5)
7
+ '& .SCCourseForm-default-contrast-color': {
8
+ color: theme.palette.getContrastText(theme.palette.background.default)
9
+ },
10
+ '& .SCCourseForm-paper-contrast-color': {
11
+ color: theme.palette.getContrastText(theme.palette.background.paper)
11
12
  },
12
13
  '& .SCCourseForm-cover': {
13
14
  position: 'relative',
@@ -49,6 +50,9 @@ const Component = {
49
50
  '& .SCCourseForm-name': {
50
51
  marginTop: theme.spacing(3)
51
52
  },
53
+ '.MuiInputBase-root': {
54
+ color: theme.palette.getContrastText(theme.palette.background.paper)
55
+ },
52
56
  '& .SCCategoryAutocomplete-root ': {
53
57
  marginTop: theme.spacing(1)
54
58
  },
package/lib/cjs/components/SCCourseParticipantsButton.d.ts CHANGED
@@ -11,8 +11,8 @@ declare const Component: {
11
11
  '&:hover': {
12
12
  backgroundColor: string;
13
13
  };
14
- '& .SCCourseParticipantsButton-contrast-color': {
15
- color: string;
14
+ '& .SCCourseParticipantsButton-paper-contrast-color': {
15
+ color: any;
16
16
  };
17
17
  '& .MuiAvatarGroup-root': {
18
18
  '&:not(.SCAvatarCourseSkeleton-root) .MuiAvatar-root': {
@@ -46,6 +46,9 @@ declare const Component: {
46
46
  dialogRoot: ({ theme }: {
47
47
  theme: any;
48
48
  }) => {
49
+ '& .SCCourseParticipantsButton-dialog-paper-contrast-color': {
50
+ color: any;
51
+ };
49
52
  '& .SCCourseParticipantsButton-infinite-scroll': {
50
53
  [x: number]: {
51
54
  height: string;
package/lib/cjs/components/SCCourseParticipantsButton.js CHANGED
@@ -11,10 +11,8 @@ const Component = {
11
11
  '&:hover': {
12
12
  backgroundColor: 'unset'
13
13
  },
14
- '& .SCCourseParticipantsButton-contrast-color': {
15
- color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
16
- ? (0, material_1.lighten)(theme.palette.common.white, 0.5)
17
- : (0, material_1.darken)(theme.palette.common.white, 0.5)
14
+ '& .SCCourseParticipantsButton-paper-contrast-color': {
15
+ color: theme.palette.getContrastText(theme.palette.background.paper)
18
16
  },
19
17
  '& .MuiAvatarGroup-root': {
20
18
  '&:not(.SCAvatarCourseSkeleton-root) .MuiAvatar-root': {
@@ -31,7 +29,9 @@ const Component = {
31
29
  },
32
30
  '& .MuiAvatar-root': {
33
31
  height: theme.selfcommunity.user.avatar.sizeSmall,
34
- border: `1px solid ${theme.palette.common.white}`,
32
+ border: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
33
+ ? 'rgba(255, 255, 255, 0.12)'
34
+ : `1px solid ${theme.palette.common.white}`,
35
35
  fontSize: '0.7rem',
36
36
  '&:first-of-type': {
37
37
  width: enrolled > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
@@ -48,6 +48,9 @@ const Component = {
48
48
  }
49
49
  }),
50
50
  dialogRoot: ({ theme }) => ({
51
+ '& .SCCourseParticipantsButton-dialog-paper-contrast-color': {
52
+ color: theme.palette.getContrastText(theme.palette.background.paper)
53
+ },
51
54
  '& .SCCourseParticipantsButton-infinite-scroll': {
52
55
  height: '400px !important',
53
56
  [theme.breakpoints.down('md')]: {
package/lib/cjs/components/SCCourseUsersTable.d.ts CHANGED
@@ -10,8 +10,11 @@ declare const Component: {
10
10
  borderRadius: string;
11
11
  padding: any;
12
12
  backgroundColor: any;
13
- '& .SCCourseUsersTable-contrast-color': {
14
- color: string;
13
+ '& .SCCourseUsersTable-default-contrast-color': {
14
+ color: any;
15
+ };
16
+ '& .SCCourseUsersTable-paper-contrast-color': {
17
+ color: any;
15
18
  };
16
19
  '& .SCCourseUsersTable-search': {
17
20
  '& > .MuiInputBase-root': {
@@ -70,6 +73,9 @@ declare const Component: {
70
73
  dialogRoot: ({ theme }: {
71
74
  theme: any;
72
75
  }) => {
76
+ '& .SCCourseUsersTable-dialog-paper-contrast-color': {
77
+ color: any;
78
+ };
73
79
  '& .MuiDialogTitle-root': {
74
80
  color: string;
75
81
  };
package/lib/cjs/components/SCCourseUsersTable.js CHANGED
@@ -15,10 +15,11 @@ const Component = {
15
15
  [theme.breakpoints.up('sm')]: {
16
16
  padding: theme.spacing(2)
17
17
  },
18
- '& .SCCourseUsersTable-contrast-color': {
19
- color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
20
- ? (0, material_1.lighten)(theme.palette.common.white, 0.5)
21
- : (0, material_1.darken)(theme.palette.common.white, 0.5)
18
+ '& .SCCourseUsersTable-default-contrast-color': {
19
+ color: theme.palette.getContrastText(theme.palette.background.default)
20
+ },
21
+ '& .SCCourseUsersTable-paper-contrast-color': {
22
+ color: theme.palette.getContrastText(theme.palette.background.paper)
22
23
  },
23
24
  '& .SCCourseUsersTable-search': {
24
25
  '& > .MuiInputBase-root': {
@@ -75,6 +76,9 @@ const Component = {
75
76
  paddingTop: theme.spacing(3)
76
77
  }),
77
78
  dialogRoot: ({ theme }) => ({
79
+ '& .SCCourseUsersTable-dialog-paper-contrast-color': {
80
+ color: theme.palette.getContrastText(theme.palette.background.paper)
81
+ },
78
82
  '& .MuiDialogTitle-root': {
79
83
  color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
80
84
  ? (0, material_1.lighten)(theme.palette.common.white, 0.5)
package/lib/cjs/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/cjs/components/SCEditCourse.js CHANGED
@@ -7,10 +7,11 @@ const Component = {
7
7
  [theme.breakpoints.down('sm')]: {
8
8
  marginBottom: '56px'
9
9
  },
10
- '& .SCEditCourse-contrast-color': {
11
- color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
12
- ? (0, material_1.lighten)(theme.palette.common.white, 0.5)
13
- : (0, material_1.darken)(theme.palette.common.white, 0.5)
10
+ '& .SCEditCourse-default-contrast-color': {
11
+ color: theme.palette.getContrastText(theme.palette.background.default)
12
+ },
13
+ '& .SCEditCourse-paper-contrast-color': {
14
+ color: theme.palette.getContrastText(theme.palette.background.paper)
14
15
  },
15
16
  '& .SCEditCourse-header': {
16
17
  flexDirection: 'row',
@@ -193,10 +194,11 @@ const Component = {
193
194
  backgroundColor: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
194
195
  ? theme.palette.primary.dark
195
196
  : theme.palette.primary.main,
197
+ '& .MuiTypography-root': {
198
+ color: theme.palette.common.white
199
+ },
196
200
  '& .MuiIcon-root': {
197
- color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
198
- ? (0, material_1.lighten)(theme.palette.common.white, 0.5)
199
- : (0, material_1.darken)(theme.palette.common.white, 0.5)
201
+ color: theme.palette.common.white
200
202
  }
201
203
  },
202
204
  '& .SCEditCourse-change-lesson-status-icon-draft': {
package/lib/cjs/components/SCEventHeader.d.ts CHANGED
@@ -41,8 +41,6 @@ declare const Component: {
41
41
  '& .SCEventHeader-chip': {
42
42
  marginLeft: any;
43
43
  marginBottom: any;
44
- backgroundColor: any;
45
- color: any;
46
44
  border: string;
47
45
  '& .SCEventHeader-chip-icon': {
48
46
  marginLeft: any;
@@ -69,7 +67,6 @@ declare const Component: {
69
67
  alignItems: string;
70
68
  gap: any;
71
69
  paddingLeft: any;
72
- color: any;
73
70
  '& .SCEventHeader-visibility-item': {
74
71
  fontSize: any;
75
72
  fontWeight: any;
package/lib/cjs/components/SCEventHeader.js CHANGED
@@ -44,9 +44,9 @@ const Component = {
44
44
  '& .SCEventHeader-chip': {
45
45
  marginLeft: theme.spacing(2),
46
46
  marginBottom: theme.spacing(),
47
- backgroundColor: theme.palette.common.white,
48
- color: theme.palette.error.light,
49
- border: `1px solid ${theme.palette.grey[400]}`,
47
+ border: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5
48
+ ? '1px solid rgba(255, 255, 255, 0.12)'
49
+ : `1px solid ${theme.palette.grey[400]}`,
50
50
  '& .SCEventHeader-chip-icon': {
51
51
  marginLeft: theme.spacing(1)
52
52
  }
@@ -55,7 +55,11 @@ const Component = {
55
55
  textTransform: 'uppercase',
56
56
  fontSize: '1.143rem',
57
57
  fontWeight: theme.typography.fontWeightLight,
58
- color: isEventFinished ? theme.palette.grey[500] : theme.palette.text.secondary,
58
+ color: isEventFinished
59
+ ? (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5
60
+ ? (0, material_1.lighten)(theme.palette.grey[500], 0.5)
61
+ : (0, material_1.darken)(theme.palette.grey[500], 0.5)
62
+ : theme.palette.getContrastText(theme.palette.background.default),
59
63
  paddingLeft: theme.spacing(2)
60
64
  },
61
65
  '& .SCEventHeader-info': {
@@ -64,7 +68,11 @@ const Component = {
64
68
  fontSize: '1.857rem',
65
69
  fontWeight: theme.typography.fontWeightBold,
66
70
  paddingLeft: theme.spacing(2),
67
- color: isEventFinished ? theme.palette.grey[500] : 'inherit'
71
+ color: isEventFinished
72
+ ? (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5
73
+ ? (0, material_1.lighten)(theme.palette.grey[500], 0.5)
74
+ : (0, material_1.darken)(theme.palette.grey[500], 0.5)
75
+ : theme.palette.getContrastText(theme.palette.background.default)
68
76
  },
69
77
  '& .SCEventHeader-visibility': {
70
78
  display: 'flex',
@@ -72,11 +80,14 @@ const Component = {
72
80
  alignItems: 'center',
73
81
  gap: theme.spacing(0.5),
74
82
  paddingLeft: theme.spacing(2),
75
- color: isEventFinished ? theme.palette.grey[500] : 'inherit',
76
83
  '& .SCEventHeader-visibility-item': {
77
84
  fontSize: theme.typography.fontSize,
78
85
  fontWeight: theme.typography.fontWeightLight,
79
- color: theme.palette.text.secondary,
86
+ color: isEventFinished
87
+ ? (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5
88
+ ? (0, material_1.lighten)(theme.palette.grey[500], 0.5)
89
+ : (0, material_1.darken)(theme.palette.grey[500], 0.5)
90
+ : theme.palette.getContrastText(theme.palette.background.default),
80
91
  display: 'flex',
81
92
  justifyContent: 'center',
82
93
  alignItems: 'center',
package/lib/cjs/components/SCEventSubscribeButton.d.ts CHANGED
@@ -7,6 +7,7 @@ declare const Component: {
7
7
  padding: string;
8
8
  };
9
9
  backgroundColor: any;
10
+ color: any;
10
11
  justifyContent: string;
11
12
  height: number;
12
13
  borderRadius: string;
@@ -70,6 +71,7 @@ declare const Component: {
70
71
  '& .MuiList-root .SCEventSubscribeButton-item': {
71
72
  paddingTop: number;
72
73
  paddingBottom: number;
74
+ color: string;
73
75
  '&.Mui-disabled': {
74
76
  paddingTop: any;
75
77
  paddingBottom: any;
package/lib/cjs/components/SCEventSubscribeButton.js CHANGED
@@ -1,9 +1,11 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const material_1 = require("@mui/material");
3
4
  const Component = {
4
5
  styleOverrides: {
5
6
  selectRoot: ({ theme }) => ({
6
- backgroundColor: theme.palette.grey['A200'],
7
+ backgroundColor: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5 ? theme.palette.grey[800] : theme.palette.grey['A200'],
8
+ color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined,
7
9
  justifyContent: 'space-between',
8
10
  height: 33,
9
11
  borderRadius: '5px',
@@ -11,7 +13,7 @@ const Component = {
11
13
  padding: '10px'
12
14
  },
13
15
  '&:hover, &:active': {
14
- backgroundColor: theme.palette.common.black,
16
+ backgroundColor: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5 ? theme.palette.grey[900] : theme.palette.common.black,
15
17
  color: theme.palette.common.white,
16
18
  '& .MuiIcon-root': {
17
19
  color: theme.palette.common.white
@@ -64,6 +66,9 @@ const Component = {
64
66
  '& .MuiList-root .SCEventSubscribeButton-item': {
65
67
  paddingTop: 0,
66
68
  paddingBottom: 0,
69
+ color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
70
+ ? (0, material_1.lighten)(theme.palette.common.white, 0.5)
71
+ : (0, material_1.darken)(theme.palette.common.white, 0.5),
67
72
  '&.Mui-disabled': {
68
73
  paddingTop: theme.spacing(1),
69
74
  paddingBottom: theme.spacing(1)
package/lib/cjs/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/cjs/components/SCFeedObject.js CHANGED
@@ -616,6 +616,8 @@ const Component = {
616
616
  }),
617
617
  contributorsRoot: ({ theme }) => ({
618
618
  '& .SCFeedObject-contributors-btn-participants': {
619
+ display: 'flex',
620
+ gap: '4px',
619
621
  padding: theme.spacing(0.5),
620
622
  marginLeft: theme.spacing(-0.5),
621
623
  color: 'inherit',
@@ -630,8 +632,8 @@ const Component = {
630
632
  },
631
633
  ['& .MuiAvatar-root']: {
632
634
  backgroundColor: '#d5d5d5',
633
- border: '2px solid #FFF !important',
634
- color: '#FFF',
635
+ border: `1px solid ${theme.palette.common.white}`,
636
+ color: theme.palette.common.white,
635
637
  fontSize: '0.55rem',
636
638
  width: theme.selfcommunity.user.avatar.sizeSmall,
637
639
  height: theme.selfcommunity.user.avatar.sizeSmall,
package/lib/cjs/components/SCGroupMembersButton.js CHANGED
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const material_1 = require("@mui/material");
3
4
  const Component = {
4
5
  styleOverrides: {
5
6
  root: ({ theme, subscribers }) => ({
@@ -17,7 +18,9 @@ const Component = {
17
18
  },
18
19
  '& .MuiAvatar-root': {
19
20
  height: theme.selfcommunity.user.avatar.sizeSmall,
20
- border: `1px solid ${theme.palette.common.white}`,
21
+ border: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5
22
+ ? '1px solid rgba(255, 255, 255, 0.12)'
23
+ : `1px solid ${theme.palette.common.white}`,
21
24
  fontSize: '0.7rem',
22
25
  '&:first-of-type': {
23
26
  width: subscribers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
package/lib/cjs/components/SCInlineComposerWidget.js CHANGED
@@ -18,7 +18,7 @@ const Component = {
18
18
  '& .MuiButton-root': {
19
19
  fontWeight: theme.typography.fontWeightMedium,
20
20
  letterSpacing: '0.17px',
21
- padding: theme.spacing(0.5, 0),
21
+ padding: theme.spacing(0.5, 0, 0.5, 1),
22
22
  '&:hover': {
23
23
  color: theme.palette.text.secondary,
24
24
  border: 'none'
package/lib/cjs/components/SCNavigationSettingsIconButton.d.ts CHANGED
@@ -8,10 +8,13 @@ declare const Component: {
8
8
  padding: number;
9
9
  };
10
10
  };
11
- '& .SCNavigationSettingsIconButton-item .MuiListItemIcon-root': {
12
- marginLeft: any;
13
- marginBottom: any;
11
+ '& .SCNavigationSettingsIconButton-item': {
14
12
  color: any;
13
+ '& .MuiListItemIcon-root': {
14
+ marginLeft: any;
15
+ marginBottom: any;
16
+ color: any;
17
+ };
15
18
  };
16
19
  };
17
20
  drawerRoot: ({ theme }: any) => {