@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.
- package/lib/cjs/components/SCAccordionLessons.d.ts +2 -2
- package/lib/cjs/components/SCAccordionLessons.js +2 -4
- package/lib/cjs/components/SCAddUsersButton.d.ts +7 -2
- package/lib/cjs/components/SCAddUsersButton.js +6 -4
- package/lib/cjs/components/SCCategoryAutocomplete.d.ts +2 -2
- package/lib/cjs/components/SCCategoryAutocomplete.js +2 -5
- package/lib/cjs/components/SCCategoryFollowersButton.js +4 -1
- package/lib/cjs/components/SCCourseDashboard.d.ts +5 -3
- package/lib/cjs/components/SCCourseDashboard.js +6 -6
- package/lib/cjs/components/SCCourseForm.d.ts +8 -2
- package/lib/cjs/components/SCCourseForm.js +8 -4
- package/lib/cjs/components/SCCourseParticipantsButton.d.ts +5 -2
- package/lib/cjs/components/SCCourseParticipantsButton.js +8 -5
- package/lib/cjs/components/SCCourseUsersTable.d.ts +8 -2
- package/lib/cjs/components/SCCourseUsersTable.js +8 -4
- package/lib/cjs/components/SCEditCourse.d.ts +9 -3
- package/lib/cjs/components/SCEditCourse.js +9 -7
- package/lib/cjs/components/SCEventHeader.d.ts +3 -6
- package/lib/cjs/components/SCEventHeader.js +16 -15
- package/lib/cjs/components/SCFeedObject.d.ts +3 -1
- package/lib/cjs/components/SCFeedObject.js +4 -2
- package/lib/cjs/components/SCGroupMembersButton.js +4 -1
- package/lib/cjs/components/SCInlineComposerWidget.js +1 -1
- package/lib/cjs/components/SCNavigationSettingsIconButton.d.ts +1 -1
- package/lib/cjs/components/SCNavigationSettingsIconButton.js +1 -4
- package/lib/cjs/components/SCPrivateMessageThread.js +6 -2
- package/lib/cjs/components/SCPrivateMessageThreadItem.d.ts +3 -0
- package/lib/cjs/components/SCPrivateMessageThreadItem.js +3 -0
- package/lib/cjs/components/SCUser.d.ts +2 -2
- package/lib/cjs/components/SCUser.js +2 -5
- package/lib/cjs/components/SCWidget.d.ts +1 -1
- package/lib/cjs/components/SCWidget.js +1 -2
- package/lib/cjs/index.d.ts +60 -32
- package/lib/esm/components/SCAccordionLessons.d.ts +2 -2
- package/lib/esm/components/SCAccordionLessons.js +3 -5
- package/lib/esm/components/SCAddUsersButton.d.ts +7 -2
- package/lib/esm/components/SCAddUsersButton.js +6 -4
- package/lib/esm/components/SCCategoryAutocomplete.d.ts +2 -2
- package/lib/esm/components/SCCategoryAutocomplete.js +2 -5
- package/lib/esm/components/SCCategoryFollowersButton.js +4 -1
- package/lib/esm/components/SCCourseDashboard.d.ts +5 -3
- package/lib/esm/components/SCCourseDashboard.js +6 -6
- package/lib/esm/components/SCCourseForm.d.ts +8 -2
- package/lib/esm/components/SCCourseForm.js +9 -5
- package/lib/esm/components/SCCourseParticipantsButton.d.ts +5 -2
- package/lib/esm/components/SCCourseParticipantsButton.js +8 -5
- package/lib/esm/components/SCCourseUsersTable.d.ts +8 -2
- package/lib/esm/components/SCCourseUsersTable.js +8 -4
- package/lib/esm/components/SCEditCourse.d.ts +9 -3
- package/lib/esm/components/SCEditCourse.js +10 -8
- package/lib/esm/components/SCEventHeader.d.ts +3 -6
- package/lib/esm/components/SCEventHeader.js +16 -15
- package/lib/esm/components/SCFeedObject.d.ts +3 -1
- package/lib/esm/components/SCFeedObject.js +4 -2
- package/lib/esm/components/SCGroupMembersButton.js +4 -1
- package/lib/esm/components/SCInlineComposerWidget.js +1 -1
- package/lib/esm/components/SCNavigationSettingsIconButton.d.ts +1 -1
- package/lib/esm/components/SCNavigationSettingsIconButton.js +1 -4
- package/lib/esm/components/SCPrivateMessageThread.js +6 -2
- package/lib/esm/components/SCPrivateMessageThreadItem.d.ts +3 -0
- package/lib/esm/components/SCPrivateMessageThreadItem.js +3 -0
- package/lib/esm/components/SCUser.d.ts +2 -2
- package/lib/esm/components/SCUser.js +2 -5
- package/lib/esm/components/SCWidget.d.ts +1 -1
- package/lib/esm/components/SCWidget.js +1 -2
- package/lib/esm/index.d.ts +60 -32
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +2 -2
|
@@ -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:
|
|
9
|
+
'& .SCAccordionLessons-paper-contrast-color': {
|
|
10
|
+
color: any;
|
|
11
11
|
};
|
|
12
12
|
'& .SCAccordionLessons-empty': {
|
|
13
13
|
padding: any;
|
|
@@ -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:
|
|
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)
|
|
@@ -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
|
};
|
|
@@ -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:
|
|
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
|
},
|
|
@@ -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:
|
|
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
|
}
|
|
@@ -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:
|
|
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
|
|
@@ -6,8 +6,11 @@ declare const Component: {
|
|
|
6
6
|
[x: number]: {
|
|
7
7
|
marginBottom: string;
|
|
8
8
|
};
|
|
9
|
-
'& .SCCourseDashboard-contrast-color': {
|
|
10
|
-
color:
|
|
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;
|
|
@@ -7,10 +7,11 @@ const Component = {
|
|
|
7
7
|
[theme.breakpoints.down('sm')]: {
|
|
8
8
|
marginBottom: '56px'
|
|
9
9
|
},
|
|
10
|
-
'& .SCCourseDashboard-contrast-color': {
|
|
11
|
-
color:
|
|
12
|
-
|
|
13
|
-
|
|
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)
|
|
@@ -3,8 +3,11 @@ declare const Component: {
|
|
|
3
3
|
root: ({ theme }: {
|
|
4
4
|
theme: any;
|
|
5
5
|
}) => {
|
|
6
|
-
'& .SCCourseForm-contrast-color': {
|
|
7
|
-
color:
|
|
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
|
};
|
|
@@ -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:
|
|
9
|
-
|
|
10
|
-
|
|
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
|
},
|
|
@@ -11,8 +11,8 @@ declare const Component: {
|
|
|
11
11
|
'&:hover': {
|
|
12
12
|
backgroundColor: string;
|
|
13
13
|
};
|
|
14
|
-
'& .SCCourseParticipantsButton-contrast-color': {
|
|
15
|
-
color:
|
|
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;
|
|
@@ -11,10 +11,8 @@ const Component = {
|
|
|
11
11
|
'&:hover': {
|
|
12
12
|
backgroundColor: 'unset'
|
|
13
13
|
},
|
|
14
|
-
'& .SCCourseParticipantsButton-contrast-color': {
|
|
15
|
-
color:
|
|
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:
|
|
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')]: {
|
|
@@ -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:
|
|
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
|
};
|
|
@@ -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:
|
|
20
|
-
|
|
21
|
-
|
|
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)
|
|
@@ -6,8 +6,11 @@ declare const Component: {
|
|
|
6
6
|
[x: number]: {
|
|
7
7
|
marginBottom: string;
|
|
8
8
|
};
|
|
9
|
-
'& .SCEditCourse-contrast-color': {
|
|
10
|
-
color:
|
|
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:
|
|
178
|
+
color: any;
|
|
173
179
|
};
|
|
174
180
|
};
|
|
175
181
|
'& .SCEditCourse-change-lesson-status-icon-draft': {
|
|
@@ -7,10 +7,11 @@ const Component = {
|
|
|
7
7
|
[theme.breakpoints.down('sm')]: {
|
|
8
8
|
marginBottom: '56px'
|
|
9
9
|
},
|
|
10
|
-
'& .SCEditCourse-contrast-color': {
|
|
11
|
-
color:
|
|
12
|
-
|
|
13
|
-
|
|
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:
|
|
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': {
|
|
@@ -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:
|
|
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:
|
|
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:
|
|
73
|
+
color: any;
|
|
77
74
|
display: string;
|
|
78
75
|
justifyContent: string;
|
|
79
76
|
alignItems: string;
|
|
@@ -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.
|
|
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:
|
|
64
|
-
? (0, material_1.
|
|
65
|
-
|
|
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:
|
|
75
|
-
? (0, material_1.
|
|
76
|
-
|
|
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:
|
|
88
|
-
? (0, material_1.
|
|
89
|
-
|
|
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',
|
|
@@ -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:
|
|
625
|
+
color: any;
|
|
624
626
|
fontSize: string;
|
|
625
627
|
width: any;
|
|
626
628
|
height: any;
|
|
@@ -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:
|
|
634
|
-
color:
|
|
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,
|
|
@@ -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:
|
|
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
|
|
@@ -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'
|
|
@@ -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:
|
|
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),
|
|
@@ -59,7 +59,9 @@ const Component = {
|
|
|
59
59
|
}
|
|
60
60
|
},
|
|
61
61
|
'&.SCPrivateMessageThread-sender': {
|
|
62
|
-
backgroundColor: theme.palette.
|
|
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:
|
|
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
|
}
|
|
@@ -8,6 +8,9 @@ const Component = {
|
|
|
8
8
|
padding: theme.spacing(2, 4, 4, 2),
|
|
9
9
|
boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
|
|
10
10
|
marginBottom: theme.spacing(1),
|
|
11
|
+
'& .SCPrivateMessageThreadItem-paper-contrast-color': {
|
|
12
|
+
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
13
|
+
},
|
|
11
14
|
'& .MuiListItemSecondaryAction-root': {
|
|
12
15
|
right: 10,
|
|
13
16
|
top: theme.spacing(3),
|