@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.
- 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 +6 -1
- package/lib/cjs/components/SCFeedObject.js +7 -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 +63 -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 +6 -1
- package/lib/esm/components/SCFeedObject.js +7 -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 +63 -32
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +2 -2
|
@@ -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),
|
|
@@ -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
|
root: ({ theme }) => ({
|
|
@@ -10,10 +9,8 @@ const Component = {
|
|
|
10
9
|
[theme.breakpoints.up('sm')]: {
|
|
11
10
|
borderRadius: theme.shape.borderRadius
|
|
12
11
|
},
|
|
13
|
-
'& .SCUser-contrast-color': {
|
|
14
|
-
color:
|
|
15
|
-
? (0, material_1.lighten)(theme.palette.common.white, 0.5)
|
|
16
|
-
: (0, material_1.darken)(theme.palette.common.white, 0.5)
|
|
12
|
+
'& .SCUser-paper-contrast-color': {
|
|
13
|
+
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
17
14
|
},
|
|
18
15
|
'& .MuiChip-root': {
|
|
19
16
|
height: '18px'
|
|
@@ -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
|
variants: [
|
|
6
5
|
{
|
|
@@ -35,7 +34,7 @@ const Component = {
|
|
|
35
34
|
'& h5': {
|
|
36
35
|
fontFamily: theme.typography.fontFamily,
|
|
37
36
|
fontWeight: theme.typography.fontWeightBold,
|
|
38
|
-
color:
|
|
37
|
+
color: theme.palette.getContrastText(theme.palette.background.default),
|
|
39
38
|
fontSize: '1.143rem'
|
|
40
39
|
},
|
|
41
40
|
'& .MuiList-root': {
|
package/lib/cjs/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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
3754
|
+
color: any;
|
|
3729
3755
|
};
|
|
3730
3756
|
};
|
|
3731
3757
|
'& .SCEditCourse-change-lesson-status-icon-draft': {
|
|
@@ -3988,6 +4014,9 @@ declare const theme: {
|
|
|
3988
4014
|
styleOverrides: {
|
|
3989
4015
|
root: ({ theme }: any) => {
|
|
3990
4016
|
width: string;
|
|
4017
|
+
'& .SCFeedObject-paper-contrast-color': {
|
|
4018
|
+
color: any;
|
|
4019
|
+
};
|
|
3991
4020
|
'& .SCFeedObject-title-section': {
|
|
3992
4021
|
'& a': {
|
|
3993
4022
|
textDecoration: string;
|
|
@@ -4591,6 +4620,8 @@ declare const theme: {
|
|
|
4591
4620
|
};
|
|
4592
4621
|
contributorsRoot: ({ theme }: any) => {
|
|
4593
4622
|
'& .SCFeedObject-contributors-btn-participants': {
|
|
4623
|
+
display: string;
|
|
4624
|
+
gap: string;
|
|
4594
4625
|
padding: any;
|
|
4595
4626
|
marginLeft: any;
|
|
4596
4627
|
color: string;
|
|
@@ -4606,7 +4637,7 @@ declare const theme: {
|
|
|
4606
4637
|
"& .MuiAvatar-root": {
|
|
4607
4638
|
backgroundColor: string;
|
|
4608
4639
|
border: string;
|
|
4609
|
-
color:
|
|
4640
|
+
color: any;
|
|
4610
4641
|
fontSize: string;
|
|
4611
4642
|
width: any;
|
|
4612
4643
|
height: any;
|
|
@@ -6982,7 +7013,7 @@ declare const theme: {
|
|
|
6982
7013
|
};
|
|
6983
7014
|
};
|
|
6984
7015
|
'& .SCNavigationSettingsIconButton-item': {
|
|
6985
|
-
color:
|
|
7016
|
+
color: any;
|
|
6986
7017
|
'& .MuiListItemIcon-root': {
|
|
6987
7018
|
marginLeft: any;
|
|
6988
7019
|
marginBottom: any;
|
|
@@ -8733,6 +8764,9 @@ declare const theme: {
|
|
|
8733
8764
|
padding: any;
|
|
8734
8765
|
boxShadow: string;
|
|
8735
8766
|
marginBottom: any;
|
|
8767
|
+
'& .SCPrivateMessageThreadItem-paper-contrast-color': {
|
|
8768
|
+
color: any;
|
|
8769
|
+
};
|
|
8736
8770
|
'& .MuiListItemSecondaryAction-root': {
|
|
8737
8771
|
right: number;
|
|
8738
8772
|
top: any;
|
|
@@ -9063,8 +9097,8 @@ declare const theme: {
|
|
|
9063
9097
|
borderRadius: number;
|
|
9064
9098
|
paddingBottom: number;
|
|
9065
9099
|
overflow: string;
|
|
9066
|
-
'& .SCUser-contrast-color': {
|
|
9067
|
-
color:
|
|
9100
|
+
'& .SCUser-paper-contrast-color': {
|
|
9101
|
+
color: any;
|
|
9068
9102
|
};
|
|
9069
9103
|
'& .MuiChip-root': {
|
|
9070
9104
|
height: string;
|
|
@@ -10123,9 +10157,6 @@ declare const theme: {
|
|
|
10123
10157
|
SCEventHeader: {
|
|
10124
10158
|
styleOverrides: {
|
|
10125
10159
|
root: ({ theme, isEventAdmin, isEventFinished }: any) => {
|
|
10126
|
-
'& .SCEventHeader-contrast-color': {
|
|
10127
|
-
color: string;
|
|
10128
|
-
};
|
|
10129
10160
|
'& .SCEventHeader-cover': {
|
|
10130
10161
|
[x: number]: {
|
|
10131
10162
|
borderRadius: any;
|
|
@@ -10175,7 +10206,7 @@ declare const theme: {
|
|
|
10175
10206
|
textTransform: string;
|
|
10176
10207
|
fontSize: string;
|
|
10177
10208
|
fontWeight: any;
|
|
10178
|
-
color:
|
|
10209
|
+
color: any;
|
|
10179
10210
|
paddingLeft: any;
|
|
10180
10211
|
};
|
|
10181
10212
|
'& .SCEventHeader-info': {
|
|
@@ -10184,7 +10215,7 @@ declare const theme: {
|
|
|
10184
10215
|
fontSize: string;
|
|
10185
10216
|
fontWeight: any;
|
|
10186
10217
|
paddingLeft: any;
|
|
10187
|
-
color:
|
|
10218
|
+
color: any;
|
|
10188
10219
|
};
|
|
10189
10220
|
'& .SCEventHeader-visibility': {
|
|
10190
10221
|
display: string;
|
|
@@ -10195,7 +10226,7 @@ declare const theme: {
|
|
|
10195
10226
|
'& .SCEventHeader-visibility-item': {
|
|
10196
10227
|
fontSize: any;
|
|
10197
10228
|
fontWeight: any;
|
|
10198
|
-
color:
|
|
10229
|
+
color: any;
|
|
10199
10230
|
display: string;
|
|
10200
10231
|
justifyContent: string;
|
|
10201
10232
|
alignItems: string;
|
|
@@ -10995,7 +11026,7 @@ declare const theme: {
|
|
|
10995
11026
|
'& h5': {
|
|
10996
11027
|
fontFamily: any;
|
|
10997
11028
|
fontWeight: any;
|
|
10998
|
-
color:
|
|
11029
|
+
color: any;
|
|
10999
11030
|
fontSize: string;
|
|
11000
11031
|
};
|
|
11001
11032
|
'& .MuiList-root': {
|
|
@@ -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;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { getContrastRatio } from '@mui/material';
|
|
2
2
|
const Component = {
|
|
3
3
|
styleOverrides: {
|
|
4
4
|
root: ({ theme }) => ({
|
|
@@ -9,10 +9,8 @@ const Component = {
|
|
|
9
9
|
? `1px solid ${theme.palette.grey[800]}`
|
|
10
10
|
: `1px solid ${theme.palette.grey[300]}`,
|
|
11
11
|
borderRadius: '5px',
|
|
12
|
-
'& .SCAccordionLessons-contrast-color': {
|
|
13
|
-
color:
|
|
14
|
-
? lighten(theme.palette.common.white, 0.5)
|
|
15
|
-
: darken(theme.palette.common.white, 0.5)
|
|
12
|
+
'& .SCAccordionLessons-paper-contrast-color': {
|
|
13
|
+
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
16
14
|
},
|
|
17
15
|
'& .SCAccordionLessons-empty': {
|
|
18
16
|
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,12 +1,14 @@
|
|
|
1
|
-
import { getContrastRatio } from '@mui/material';
|
|
2
1
|
const Component = {
|
|
3
2
|
styleOverrides: {
|
|
4
3
|
root: ({ theme }) => ({
|
|
5
|
-
'&.SCAddUsersButton-contrast-color': {
|
|
6
|
-
color:
|
|
4
|
+
'&.SCAddUsersButton-default-contrast-color': {
|
|
5
|
+
color: theme.palette.getContrastText(theme.palette.background.default)
|
|
7
6
|
}
|
|
8
7
|
}),
|
|
9
|
-
dialogRoot: () => ({
|
|
8
|
+
dialogRoot: ({ theme }) => ({
|
|
9
|
+
'& .SCAddUsersButton-dialog-paper-contrast-color': {
|
|
10
|
+
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
11
|
+
},
|
|
10
12
|
'& .MuiDialogActions-root': {
|
|
11
13
|
marginTop: '36px'
|
|
12
14
|
},
|
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
import { darken, getContrastRatio, lighten } from '@mui/material';
|
|
2
1
|
const Component = {
|
|
3
2
|
styleOverrides: {
|
|
4
3
|
root: ({ theme }) => ({
|
|
5
|
-
'& .SCCategoryAutocomplete-contrast-color': {
|
|
6
|
-
color:
|
|
7
|
-
? lighten(theme.palette.common.white, 0.5)
|
|
8
|
-
: darken(theme.palette.common.white, 0.5)
|
|
4
|
+
'& .SCCategoryAutocomplete-paper-contrast-color': {
|
|
5
|
+
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
9
6
|
}
|
|
10
7
|
})
|
|
11
8
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { getContrastRatio } from '@mui/material';
|
|
1
2
|
const Component = {
|
|
2
3
|
styleOverrides: {
|
|
3
4
|
root: ({ theme, followers }) => ({
|
|
@@ -15,7 +16,9 @@ const Component = {
|
|
|
15
16
|
},
|
|
16
17
|
'& .MuiAvatar-root': {
|
|
17
18
|
height: theme.selfcommunity.user.avatar.sizeSmall,
|
|
18
|
-
border:
|
|
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: 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;
|
|
@@ -5,10 +5,11 @@ const Component = {
|
|
|
5
5
|
[theme.breakpoints.down('sm')]: {
|
|
6
6
|
marginBottom: '56px'
|
|
7
7
|
},
|
|
8
|
-
'& .SCCourseDashboard-contrast-color': {
|
|
9
|
-
color:
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
'& .SCCourseDashboard-default-contrast-color': {
|
|
9
|
+
color: theme.palette.getContrastText(theme.palette.background.default)
|
|
10
|
+
},
|
|
11
|
+
'& .SCCourseDashboard-paper-contrast-color': {
|
|
12
|
+
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
12
13
|
},
|
|
13
14
|
'& .SCCourseDashboard-header': {
|
|
14
15
|
[theme.breakpoints.down('sm')]: {
|
|
@@ -189,8 +190,7 @@ const Component = {
|
|
|
189
190
|
height: '36px'
|
|
190
191
|
},
|
|
191
192
|
'& a': {
|
|
192
|
-
textDecoration: 'none'
|
|
193
|
-
color: 'inherit'
|
|
193
|
+
textDecoration: 'none'
|
|
194
194
|
},
|
|
195
195
|
'& .MuiBadge-root': {
|
|
196
196
|
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
|
};
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { alpha,
|
|
1
|
+
import { alpha, getContrastRatio } from '@mui/material';
|
|
2
2
|
const Component = {
|
|
3
3
|
styleOverrides: {
|
|
4
4
|
root: ({ theme }) => ({
|
|
5
|
-
'& .SCCourseForm-contrast-color': {
|
|
6
|
-
color:
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
'& .SCCourseForm-default-contrast-color': {
|
|
6
|
+
color: theme.palette.getContrastText(theme.palette.background.default)
|
|
7
|
+
},
|
|
8
|
+
'& .SCCourseForm-paper-contrast-color': {
|
|
9
|
+
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
9
10
|
},
|
|
10
11
|
'& .SCCourseForm-cover': {
|
|
11
12
|
position: 'relative',
|
|
@@ -47,6 +48,9 @@ const Component = {
|
|
|
47
48
|
'& .SCCourseForm-name': {
|
|
48
49
|
marginTop: theme.spacing(3)
|
|
49
50
|
},
|
|
51
|
+
'.MuiInputBase-root': {
|
|
52
|
+
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
53
|
+
},
|
|
50
54
|
'& .SCCategoryAutocomplete-root ': {
|
|
51
55
|
marginTop: theme.spacing(1)
|
|
52
56
|
},
|
|
@@ -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;
|
|
@@ -9,10 +9,8 @@ const Component = {
|
|
|
9
9
|
'&:hover': {
|
|
10
10
|
backgroundColor: 'unset'
|
|
11
11
|
},
|
|
12
|
-
'& .SCCourseParticipantsButton-contrast-color': {
|
|
13
|
-
color:
|
|
14
|
-
? lighten(theme.palette.common.white, 0.5)
|
|
15
|
-
: darken(theme.palette.common.white, 0.5)
|
|
12
|
+
'& .SCCourseParticipantsButton-paper-contrast-color': {
|
|
13
|
+
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
16
14
|
},
|
|
17
15
|
'& .MuiAvatarGroup-root': {
|
|
18
16
|
'&:not(.SCAvatarCourseSkeleton-root) .MuiAvatar-root': {
|
|
@@ -29,7 +27,9 @@ const Component = {
|
|
|
29
27
|
},
|
|
30
28
|
'& .MuiAvatar-root': {
|
|
31
29
|
height: theme.selfcommunity.user.avatar.sizeSmall,
|
|
32
|
-
border:
|
|
30
|
+
border: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
31
|
+
? 'rgba(255, 255, 255, 0.12)'
|
|
32
|
+
: `1px solid ${theme.palette.common.white}`,
|
|
33
33
|
fontSize: '0.7rem',
|
|
34
34
|
'&:first-of-type': {
|
|
35
35
|
width: enrolled > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
|
|
@@ -46,6 +46,9 @@ const Component = {
|
|
|
46
46
|
}
|
|
47
47
|
}),
|
|
48
48
|
dialogRoot: ({ theme }) => ({
|
|
49
|
+
'& .SCCourseParticipantsButton-dialog-paper-contrast-color': {
|
|
50
|
+
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
51
|
+
},
|
|
49
52
|
'& .SCCourseParticipantsButton-infinite-scroll': {
|
|
50
53
|
height: '400px !important',
|
|
51
54
|
[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
|
};
|