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

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 +6 -1
  21. package/lib/cjs/components/SCFeedObject.js +7 -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 +63 -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 +6 -1
  54. package/lib/esm/components/SCFeedObject.js +7 -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 +63 -32
  67. package/lib/umd/react-theme-default.js +1 -1
  68. 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/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
@@ -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/cjs/components/SCEventHeader.js CHANGED
@@ -4,11 +4,6 @@ const material_1 = require("@mui/material");
4
4
  const Component = {
5
5
  styleOverrides: {
6
6
  root: ({ theme, isEventAdmin, isEventFinished }) => ({
7
- '& .SCEventHeader-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)
11
- },
12
7
  '& .SCEventHeader-cover': {
13
8
  position: 'relative',
14
9
  minHeight: 150,
@@ -49,7 +44,7 @@ const Component = {
49
44
  '& .SCEventHeader-chip': {
50
45
  marginLeft: theme.spacing(2),
51
46
  marginBottom: theme.spacing(),
52
- border: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
47
+ border: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5
53
48
  ? '1px solid rgba(255, 255, 255, 0.12)'
54
49
  : `1px solid ${theme.palette.grey[400]}`,
55
50
  '& .SCEventHeader-chip-icon': {
@@ -60,9 +55,11 @@ const Component = {
60
55
  textTransform: 'uppercase',
61
56
  fontSize: '1.143rem',
62
57
  fontWeight: theme.typography.fontWeightLight,
63
- color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
64
- ? (0, material_1.lighten)(isEventFinished ? theme.palette.grey[500] : theme.palette.text.secondary, 0.5)
65
- : (0, material_1.darken)(isEventFinished ? theme.palette.grey[500] : theme.palette.text.secondary, 0.5),
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),
66
63
  paddingLeft: theme.spacing(2)
67
64
  },
68
65
  '& .SCEventHeader-info': {
@@ -71,9 +68,11 @@ const Component = {
71
68
  fontSize: '1.857rem',
72
69
  fontWeight: theme.typography.fontWeightBold,
73
70
  paddingLeft: theme.spacing(2),
74
- color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
75
- ? (0, material_1.lighten)(isEventFinished ? theme.palette.grey[500] : theme.palette.common.white, 0.5)
76
- : (0, material_1.darken)(isEventFinished ? theme.palette.grey[500] : theme.palette.common.white, 0.5)
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)
77
76
  },
78
77
  '& .SCEventHeader-visibility': {
79
78
  display: 'flex',
@@ -84,9 +83,11 @@ const Component = {
84
83
  '& .SCEventHeader-visibility-item': {
85
84
  fontSize: theme.typography.fontSize,
86
85
  fontWeight: theme.typography.fontWeightLight,
87
- color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
88
- ? (0, material_1.lighten)(isEventFinished ? theme.palette.grey[500] : theme.palette.common.white, 0.5)
89
- : (0, material_1.darken)(isEventFinished ? theme.palette.grey[500] : theme.palette.common.white, 0.5),
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),
90
91
  display: 'flex',
91
92
  justifyContent: 'center',
92
93
  alignItems: 'center',
package/lib/cjs/components/SCFeedObject.d.ts CHANGED
@@ -2,6 +2,9 @@ declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
4
  width: string;
5
+ '& .SCFeedObject-paper-contrast-color': {
6
+ color: any;
7
+ };
5
8
  '& .SCFeedObject-title-section': {
6
9
  '& a': {
7
10
  textDecoration: string;
@@ -605,6 +608,8 @@ declare const Component: {
605
608
  };
606
609
  contributorsRoot: ({ theme }: any) => {
607
610
  '& .SCFeedObject-contributors-btn-participants': {
611
+ display: string;
612
+ gap: string;
608
613
  padding: any;
609
614
  marginLeft: any;
610
615
  color: string;
@@ -620,7 +625,7 @@ declare const Component: {
620
625
  "& .MuiAvatar-root": {
621
626
  backgroundColor: string;
622
627
  border: string;
623
- color: string;
628
+ color: any;
624
629
  fontSize: string;
625
630
  width: any;
626
631
  height: any;
package/lib/cjs/components/SCFeedObject.js CHANGED
@@ -5,6 +5,9 @@ const Component = {
5
5
  styleOverrides: {
6
6
  root: ({ theme }) => ({
7
7
  width: '100%',
8
+ '& .SCFeedObject-paper-contrast-color': {
9
+ color: theme.palette.getContrastText(theme.palette.background.paper)
10
+ },
8
11
  '& .SCFeedObject-title-section': {
9
12
  '& a': {
10
13
  textDecoration: 'none'
@@ -616,6 +619,8 @@ const Component = {
616
619
  }),
617
620
  contributorsRoot: ({ theme }) => ({
618
621
  '& .SCFeedObject-contributors-btn-participants': {
622
+ display: 'flex',
623
+ gap: '4px',
619
624
  padding: theme.spacing(0.5),
620
625
  marginLeft: theme.spacing(-0.5),
621
626
  color: 'inherit',
@@ -630,8 +635,8 @@ const Component = {
630
635
  },
631
636
  ['& .MuiAvatar-root']: {
632
637
  backgroundColor: '#d5d5d5',
633
- border: '2px solid #FFF !important',
634
- color: '#FFF',
638
+ border: `1px solid ${theme.palette.common.white}`,
639
+ color: theme.palette.common.white,
635
640
  fontSize: '0.55rem',
636
641
  width: theme.selfcommunity.user.avatar.sizeSmall,
637
642
  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
@@ -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/cjs/components/SCNavigationSettingsIconButton.js CHANGED
@@ -1,6 +1,5 @@
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
  menuRoot: ({ theme }) => ({
@@ -12,9 +11,7 @@ const Component = {
12
11
  }
13
12
  },
14
13
  '& .SCNavigationSettingsIconButton-item': {
15
- color: (0, material_1.getContrastRatio)(theme.palette.background.default, 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
+ color: theme.palette.getContrastText(theme.palette.background.default),
18
15
  '& .MuiListItemIcon-root': {
19
16
  marginLeft: theme.spacing(0.5),
20
17
  marginBottom: theme.spacing(0.5),
package/lib/cjs/components/SCPrivateMessageThread.js CHANGED
@@ -59,7 +59,9 @@ const Component = {
59
59
  }
60
60
  },
61
61
  '&.SCPrivateMessageThread-sender': {
62
- backgroundColor: theme.palette.grey[300],
62
+ backgroundColor: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5
63
+ ? theme.palette.grey[600]
64
+ : theme.palette.grey[300],
63
65
  position: 'relative',
64
66
  marginLeft: 'auto',
65
67
  marginRight: theme.spacing(1),
@@ -67,7 +69,9 @@ const Component = {
67
69
  content: `""`,
68
70
  position: 'absolute',
69
71
  border: `${theme.spacing(3)} solid transparent`,
70
- borderTop: `${theme.spacing(3)} solid ${theme.palette.grey[300]}`,
72
+ borderTop: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5
73
+ ? `${theme.spacing(3)} solid ${theme.palette.grey[600]}`
74
+ : `${theme.spacing(3)} solid ${theme.palette.grey[300]}`,
71
75
  top: theme.spacing(0),
72
76
  right: theme.spacing(-2)
73
77
  }
package/lib/cjs/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;