@selfcommunity/react-theme-default 1.2.0-alpha.0 → 1.2.0-alpha.2
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 +3 -0
- package/lib/cjs/components/SCAccordionLessons.js +27 -9
- package/lib/cjs/components/SCCategoryAutocomplete.d.ts +5 -1
- package/lib/cjs/components/SCCategoryAutocomplete.js +8 -1
- package/lib/cjs/components/SCCommentObject.js +5 -3
- package/lib/cjs/components/SCCourseCompletedDialog.d.ts +6 -1
- package/lib/cjs/components/SCCourseCompletedDialog.js +7 -1
- package/lib/cjs/components/SCCourseDashboard.d.ts +3 -2
- package/lib/cjs/components/SCCourseDashboard.js +59 -20
- package/lib/cjs/components/SCCourseForm.d.ts +1 -1
- package/lib/cjs/components/SCCourseForm.js +34 -12
- package/lib/cjs/components/SCCourseParticipantsButton.d.ts +4 -2
- package/lib/cjs/components/SCCourseParticipantsButton.js +9 -2
- package/lib/cjs/components/SCCourseUsersTable.d.ts +12 -0
- package/lib/cjs/components/SCCourseUsersTable.js +29 -4
- package/lib/cjs/components/SCEditCourse.d.ts +2 -3
- package/lib/cjs/components/SCEditCourse.js +67 -24
- package/lib/cjs/components/SCEmptyStatus.d.ts +3 -0
- package/lib/cjs/components/SCEmptyStatus.js +12 -2
- package/lib/cjs/components/SCEventForm.js +7 -3
- package/lib/cjs/components/SCEventMembersWidget.js +7 -2
- package/lib/cjs/components/SCFeedObject.d.ts +3 -2
- package/lib/cjs/components/SCFeedObject.js +22 -11
- package/lib/cjs/components/SCLessonDrawer.d.ts +3 -0
- package/lib/cjs/components/SCLessonDrawer.js +9 -1
- package/lib/cjs/components/SCLessonEditForm.d.ts +3 -0
- package/lib/cjs/components/SCLessonEditForm.js +6 -0
- package/lib/cjs/components/SCLessonReleaseMenu.d.ts +3 -0
- package/lib/cjs/components/SCLessonReleaseMenu.js +6 -0
- package/lib/cjs/components/SCLessonTemplate.d.ts +3 -0
- package/lib/cjs/components/SCLessonTemplate.js +6 -1
- package/lib/cjs/components/SCMediaFile.d.ts +3 -1
- package/lib/cjs/components/SCMediaFile.js +11 -4
- package/lib/cjs/index.d.ts +60 -14
- package/lib/esm/components/SCAccordionLessons.d.ts +3 -0
- package/lib/esm/components/SCAccordionLessons.js +27 -9
- package/lib/esm/components/SCCategoryAutocomplete.d.ts +5 -1
- package/lib/esm/components/SCCategoryAutocomplete.js +8 -1
- package/lib/esm/components/SCCommentObject.js +4 -2
- package/lib/esm/components/SCCourseCompletedDialog.d.ts +6 -1
- package/lib/esm/components/SCCourseCompletedDialog.js +7 -1
- package/lib/esm/components/SCCourseDashboard.d.ts +3 -2
- package/lib/esm/components/SCCourseDashboard.js +60 -21
- package/lib/esm/components/SCCourseForm.d.ts +1 -1
- package/lib/esm/components/SCCourseForm.js +35 -13
- package/lib/esm/components/SCCourseParticipantsButton.d.ts +4 -2
- package/lib/esm/components/SCCourseParticipantsButton.js +9 -2
- package/lib/esm/components/SCCourseUsersTable.d.ts +12 -0
- package/lib/esm/components/SCCourseUsersTable.js +29 -4
- package/lib/esm/components/SCEditCourse.d.ts +2 -3
- package/lib/esm/components/SCEditCourse.js +68 -25
- package/lib/esm/components/SCEmptyStatus.d.ts +3 -0
- package/lib/esm/components/SCEmptyStatus.js +12 -2
- package/lib/esm/components/SCEventForm.js +7 -3
- package/lib/esm/components/SCEventMembersWidget.js +7 -2
- package/lib/esm/components/SCFeedObject.d.ts +3 -2
- package/lib/esm/components/SCFeedObject.js +17 -6
- package/lib/esm/components/SCLessonDrawer.d.ts +3 -0
- package/lib/esm/components/SCLessonDrawer.js +9 -1
- package/lib/esm/components/SCLessonEditForm.d.ts +3 -0
- package/lib/esm/components/SCLessonEditForm.js +6 -0
- package/lib/esm/components/SCLessonReleaseMenu.d.ts +3 -0
- package/lib/esm/components/SCLessonReleaseMenu.js +6 -0
- package/lib/esm/components/SCLessonTemplate.d.ts +3 -0
- package/lib/esm/components/SCLessonTemplate.js +6 -1
- package/lib/esm/components/SCMediaFile.d.ts +3 -1
- package/lib/esm/components/SCMediaFile.js +11 -4
- package/lib/esm/index.d.ts +60 -14
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +2 -2
|
@@ -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: () => ({}),
|
|
@@ -11,7 +12,11 @@ const Component = {
|
|
|
11
12
|
}), marginRight: 0 }, (open && {
|
|
12
13
|
[theme.breakpoints.down('md')]: { width: '100%' },
|
|
13
14
|
width: `calc(100% - 300px)`
|
|
14
|
-
})), { '& .SCLessonTemplate-
|
|
15
|
+
})), { '& .SCLessonTemplate-contrast-color': {
|
|
16
|
+
color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
17
|
+
? (0, material_1.lighten)(theme.palette.common.white, 0.5)
|
|
18
|
+
: (0, material_1.darken)(theme.palette.common.white, 0.5)
|
|
19
|
+
}, '& .SCLessonTemplate-navigation-title': {
|
|
15
20
|
display: 'flex',
|
|
16
21
|
alignItems: 'center',
|
|
17
22
|
justifyContent: 'space-between',
|
|
@@ -171,6 +171,9 @@ declare const Component: {
|
|
|
171
171
|
padding: any;
|
|
172
172
|
flexDirection: string;
|
|
173
173
|
gap: string;
|
|
174
|
+
'& .SCMediaFile-contrast-color': {
|
|
175
|
+
color: string;
|
|
176
|
+
};
|
|
174
177
|
'& .SCMediaFile-image-wrapper': {
|
|
175
178
|
flexShrink: number;
|
|
176
179
|
padding: number;
|
|
@@ -192,7 +195,6 @@ declare const Component: {
|
|
|
192
195
|
};
|
|
193
196
|
'& .SCMediaFile-subtitle': {
|
|
194
197
|
textAlign: string;
|
|
195
|
-
color: any;
|
|
196
198
|
};
|
|
197
199
|
};
|
|
198
200
|
'& .SCMediaFile-action-wrapper': {
|
|
@@ -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
|
displayRoot: ({ theme }) => ({
|
|
@@ -69,7 +70,9 @@ const Component = {
|
|
|
69
70
|
},
|
|
70
71
|
'& .SCMediaFile-border': {
|
|
71
72
|
position: 'relative',
|
|
72
|
-
border:
|
|
73
|
+
border: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
74
|
+
? '2px solid rgba(255, 255, 255, 0.12)'
|
|
75
|
+
: `2px solid ${theme.palette.common.white}`,
|
|
73
76
|
'&:hover > div': {
|
|
74
77
|
bottom: 0,
|
|
75
78
|
height: 'auto'
|
|
@@ -166,11 +169,16 @@ const Component = {
|
|
|
166
169
|
}),
|
|
167
170
|
triggerMenuRoot: () => ({}),
|
|
168
171
|
docRoot: ({ theme }) => ({
|
|
169
|
-
border: '1px solid #DDD',
|
|
172
|
+
border: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5 ? '1px solid rgba(255, 255, 255, 0.12)' : '1px solid #DDD',
|
|
170
173
|
borderRadius: '10px',
|
|
171
174
|
padding: theme.spacing(1),
|
|
172
175
|
flexDirection: 'row',
|
|
173
176
|
gap: '8px',
|
|
177
|
+
'& .SCMediaFile-contrast-color': {
|
|
178
|
+
color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
179
|
+
? (0, material_1.lighten)(theme.palette.common.white, 0.5)
|
|
180
|
+
: (0, material_1.darken)(theme.palette.common.white, 0.5)
|
|
181
|
+
},
|
|
174
182
|
'& .SCMediaFile-image-wrapper': {
|
|
175
183
|
flexShrink: 0,
|
|
176
184
|
padding: 0,
|
|
@@ -191,8 +199,7 @@ const Component = {
|
|
|
191
199
|
overflow: 'hidden'
|
|
192
200
|
},
|
|
193
201
|
'& .SCMediaFile-subtitle': {
|
|
194
|
-
textAlign: 'left'
|
|
195
|
-
color: theme.palette.grey['600']
|
|
202
|
+
textAlign: 'left'
|
|
196
203
|
}
|
|
197
204
|
},
|
|
198
205
|
'& .SCMediaFile-action-wrapper': {
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -249,6 +249,9 @@ declare const theme: {
|
|
|
249
249
|
backgroundColor: any;
|
|
250
250
|
border: string;
|
|
251
251
|
borderRadius: string;
|
|
252
|
+
'& .SCAccordionLessons-contrast-color': {
|
|
253
|
+
color: string;
|
|
254
|
+
};
|
|
252
255
|
'& .SCAccordionLessons-empty': {
|
|
253
256
|
padding: any;
|
|
254
257
|
};
|
|
@@ -808,7 +811,11 @@ declare const theme: {
|
|
|
808
811
|
};
|
|
809
812
|
SCCategoryAutocomplete: {
|
|
810
813
|
styleOverrides: {
|
|
811
|
-
root: ({ theme }: any) => {
|
|
814
|
+
root: ({ theme }: any) => {
|
|
815
|
+
'& .SCCategoryAutocomplete-contrast-color': {
|
|
816
|
+
color: string;
|
|
817
|
+
};
|
|
818
|
+
};
|
|
812
819
|
};
|
|
813
820
|
};
|
|
814
821
|
SCCategoryFeedTemplate: {
|
|
@@ -2162,7 +2169,7 @@ declare const theme: {
|
|
|
2162
2169
|
marginBottom: string;
|
|
2163
2170
|
};
|
|
2164
2171
|
'& .SCCourseDashboard-contrast-color': {
|
|
2165
|
-
color:
|
|
2172
|
+
color: string;
|
|
2166
2173
|
};
|
|
2167
2174
|
'& .SCCourseDashboard-header': {
|
|
2168
2175
|
[x: number]: {
|
|
@@ -2320,6 +2327,7 @@ declare const theme: {
|
|
|
2320
2327
|
flexDirection: string;
|
|
2321
2328
|
alignItems: string;
|
|
2322
2329
|
justifyContent: string;
|
|
2330
|
+
color: string;
|
|
2323
2331
|
backgroundColor: any;
|
|
2324
2332
|
padding: string;
|
|
2325
2333
|
'& .SCCourseDashboard-user': {
|
|
@@ -2348,7 +2356,7 @@ declare const theme: {
|
|
|
2348
2356
|
'& .SCBuyButton-request-root': {
|
|
2349
2357
|
'&:hover, &:active': {
|
|
2350
2358
|
backgroundColor: any;
|
|
2351
|
-
color:
|
|
2359
|
+
color: string;
|
|
2352
2360
|
border: string;
|
|
2353
2361
|
'& .MuiIcon-root': {
|
|
2354
2362
|
color: any;
|
|
@@ -2530,7 +2538,9 @@ declare const theme: {
|
|
|
2530
2538
|
borderTopRightRadius: string;
|
|
2531
2539
|
padding: string;
|
|
2532
2540
|
'& .SCCourseDashboard-circle': {
|
|
2533
|
-
width: string;
|
|
2541
|
+
width: string; /**
|
|
2542
|
+
* Export default theme
|
|
2543
|
+
*/
|
|
2534
2544
|
height: string;
|
|
2535
2545
|
borderRadius: number;
|
|
2536
2546
|
};
|
|
@@ -2684,7 +2694,7 @@ declare const theme: {
|
|
|
2684
2694
|
theme: any;
|
|
2685
2695
|
}) => {
|
|
2686
2696
|
'& .SCCourseForm-contrast-color': {
|
|
2687
|
-
color:
|
|
2697
|
+
color: string;
|
|
2688
2698
|
};
|
|
2689
2699
|
'& .SCCourseForm-cover': {
|
|
2690
2700
|
position: string;
|
|
@@ -2885,12 +2895,15 @@ declare const theme: {
|
|
|
2885
2895
|
'&:hover': {
|
|
2886
2896
|
backgroundColor: string;
|
|
2887
2897
|
};
|
|
2898
|
+
'& .SCCourseParticipantsButton-contrast-color': {
|
|
2899
|
+
color: string;
|
|
2900
|
+
};
|
|
2888
2901
|
'& .MuiAvatarGroup-root': {
|
|
2889
2902
|
'&:not(.SCAvatarCourseSkeleton-root) .MuiAvatar-root': {
|
|
2890
2903
|
'&.MuiAvatar-colorDefault': {
|
|
2891
2904
|
marginLeft: number;
|
|
2892
2905
|
backgroundColor: string;
|
|
2893
|
-
color:
|
|
2906
|
+
color: string;
|
|
2894
2907
|
border: string;
|
|
2895
2908
|
borderRadius: number;
|
|
2896
2909
|
padding: number;
|
|
@@ -2909,7 +2922,6 @@ declare const theme: {
|
|
|
2909
2922
|
};
|
|
2910
2923
|
};
|
|
2911
2924
|
'& .SCCourseParticipantsButton-participants': {
|
|
2912
|
-
color: any;
|
|
2913
2925
|
'& .MuiIcon-root': {
|
|
2914
2926
|
marginRight: any;
|
|
2915
2927
|
};
|
|
@@ -3003,10 +3015,16 @@ declare const theme: {
|
|
|
3003
3015
|
borderRadius: string;
|
|
3004
3016
|
padding: any;
|
|
3005
3017
|
backgroundColor: any;
|
|
3018
|
+
'& .SCCourseUsersTable-contrast-color': {
|
|
3019
|
+
color: string;
|
|
3020
|
+
};
|
|
3006
3021
|
'& .SCCourseUsersTable-search': {
|
|
3007
3022
|
'& > .MuiInputBase-root': {
|
|
3008
3023
|
borderBottomLeftRadius: string;
|
|
3009
3024
|
borderBottomRightRadius: string;
|
|
3025
|
+
'& > input': {
|
|
3026
|
+
color: string;
|
|
3027
|
+
};
|
|
3010
3028
|
};
|
|
3011
3029
|
'& .SCCourseUsersTable-end-adornment-wrapper': {
|
|
3012
3030
|
flexDirection: string;
|
|
@@ -3057,10 +3075,16 @@ declare const theme: {
|
|
|
3057
3075
|
dialogRoot: ({ theme }: {
|
|
3058
3076
|
theme: any;
|
|
3059
3077
|
}) => {
|
|
3078
|
+
'& .MuiDialogTitle-root': {
|
|
3079
|
+
color: string;
|
|
3080
|
+
};
|
|
3060
3081
|
'& .MuiDialogContent-root': {
|
|
3061
3082
|
[x: number]: {
|
|
3062
3083
|
paddingBottom: string;
|
|
3063
3084
|
};
|
|
3085
|
+
'& .SCCourseUsersTable-contrast-color': {
|
|
3086
|
+
color: string;
|
|
3087
|
+
};
|
|
3064
3088
|
'& .SCCourseUsersTable-content-wrapper': {
|
|
3065
3089
|
[x: number]: {
|
|
3066
3090
|
marginTop: string;
|
|
@@ -3539,7 +3563,7 @@ declare const theme: {
|
|
|
3539
3563
|
marginBottom: string;
|
|
3540
3564
|
};
|
|
3541
3565
|
'& .SCEditCourse-contrast-color': {
|
|
3542
|
-
color:
|
|
3566
|
+
color: string;
|
|
3543
3567
|
};
|
|
3544
3568
|
'& .SCEditCourse-header': {
|
|
3545
3569
|
[x: number]: {
|
|
@@ -3699,10 +3723,9 @@ declare const theme: {
|
|
|
3699
3723
|
alignItems: string;
|
|
3700
3724
|
gap: string;
|
|
3701
3725
|
'& .SCEditCourse-change-lesson-status-published-wrapper': {
|
|
3702
|
-
color: any;
|
|
3703
3726
|
backgroundColor: any;
|
|
3704
3727
|
'& .MuiIcon-root': {
|
|
3705
|
-
color:
|
|
3728
|
+
color: string;
|
|
3706
3729
|
};
|
|
3707
3730
|
};
|
|
3708
3731
|
'& .SCEditCourse-change-lesson-status-icon-draft': {
|
|
@@ -4194,6 +4217,7 @@ declare const theme: {
|
|
|
4194
4217
|
};
|
|
4195
4218
|
'& hr': {
|
|
4196
4219
|
margin: string;
|
|
4220
|
+
borderColor: string;
|
|
4197
4221
|
};
|
|
4198
4222
|
'& a': {
|
|
4199
4223
|
color: any;
|
|
@@ -4340,7 +4364,7 @@ declare const theme: {
|
|
|
4340
4364
|
fontWeight: any;
|
|
4341
4365
|
marginTop: any;
|
|
4342
4366
|
marginBottom: number;
|
|
4343
|
-
color:
|
|
4367
|
+
color: string;
|
|
4344
4368
|
'&:hover': {
|
|
4345
4369
|
color: string;
|
|
4346
4370
|
};
|
|
@@ -4349,7 +4373,7 @@ declare const theme: {
|
|
|
4349
4373
|
borderColor: any;
|
|
4350
4374
|
};
|
|
4351
4375
|
'& .SCFeedObject-action-vote-button, & .SCFeedObject-action-comment-button, & .SCFeedObject-action-share-button, & .SCReactionAction-button': {
|
|
4352
|
-
color:
|
|
4376
|
+
color: string;
|
|
4353
4377
|
marginTop: any;
|
|
4354
4378
|
marginBottom: any;
|
|
4355
4379
|
borderRadius: string;
|
|
@@ -5656,6 +5680,9 @@ declare const theme: {
|
|
|
5656
5680
|
width: string;
|
|
5657
5681
|
flexShrink?: undefined;
|
|
5658
5682
|
};
|
|
5683
|
+
'& .SCLessonDrawer-contrast-color': {
|
|
5684
|
+
color: string;
|
|
5685
|
+
};
|
|
5659
5686
|
'& h4': {
|
|
5660
5687
|
fontWeight: any;
|
|
5661
5688
|
};
|
|
@@ -5890,9 +5917,14 @@ declare const theme: {
|
|
|
5890
5917
|
};
|
|
5891
5918
|
SCCourseCompletedDialog: {
|
|
5892
5919
|
styleOverrides: {
|
|
5893
|
-
root: (
|
|
5920
|
+
root: ({ theme }: {
|
|
5921
|
+
theme: any;
|
|
5922
|
+
}) => {
|
|
5894
5923
|
'& .SCCourseCompletedDialog-wrapper': {
|
|
5895
5924
|
alignItems: string;
|
|
5925
|
+
'& .SCCourseCompletedDialog-contrast-color': {
|
|
5926
|
+
color: string;
|
|
5927
|
+
};
|
|
5896
5928
|
'& .SCCourseCompletedDialog-title': {
|
|
5897
5929
|
marginTop: string;
|
|
5898
5930
|
marginBottom: string;
|
|
@@ -5919,6 +5951,9 @@ declare const theme: {
|
|
|
5919
5951
|
display: string;
|
|
5920
5952
|
flexDirection: string;
|
|
5921
5953
|
justifyContent: string;
|
|
5954
|
+
'& .SCLessonEditForm-contrast-color': {
|
|
5955
|
+
color: string;
|
|
5956
|
+
};
|
|
5922
5957
|
'& .SCLessonEditForm-form': {
|
|
5923
5958
|
display: string;
|
|
5924
5959
|
flexDirection: string;
|
|
@@ -5974,6 +6009,9 @@ declare const theme: {
|
|
|
5974
6009
|
styleOverrides: {
|
|
5975
6010
|
root: () => {};
|
|
5976
6011
|
containerRoot: ({ theme, open }: any) => {
|
|
6012
|
+
'& .SCLessonTemplate-contrast-color': {
|
|
6013
|
+
color: string;
|
|
6014
|
+
};
|
|
5977
6015
|
'& .SCLessonTemplate-navigation-title': {
|
|
5978
6016
|
display: string;
|
|
5979
6017
|
alignItems: string;
|
|
@@ -6072,6 +6110,9 @@ declare const theme: {
|
|
|
6072
6110
|
popoverRoot: ({ theme }: any) => {
|
|
6073
6111
|
width: string;
|
|
6074
6112
|
borderRadius: string;
|
|
6113
|
+
'& .SCLessonReleaseMenu-popover-contrast-color': {
|
|
6114
|
+
color: string;
|
|
6115
|
+
};
|
|
6075
6116
|
'& .MuiPaper-root': {
|
|
6076
6117
|
padding: any;
|
|
6077
6118
|
};
|
|
@@ -6703,6 +6744,9 @@ declare const theme: {
|
|
|
6703
6744
|
padding: any;
|
|
6704
6745
|
flexDirection: string;
|
|
6705
6746
|
gap: string;
|
|
6747
|
+
'& .SCMediaFile-contrast-color': {
|
|
6748
|
+
color: string;
|
|
6749
|
+
};
|
|
6706
6750
|
'& .SCMediaFile-image-wrapper': {
|
|
6707
6751
|
flexShrink: number;
|
|
6708
6752
|
padding: number;
|
|
@@ -6724,7 +6768,6 @@ declare const theme: {
|
|
|
6724
6768
|
};
|
|
6725
6769
|
'& .SCMediaFile-subtitle': {
|
|
6726
6770
|
textAlign: string;
|
|
6727
|
-
color: any;
|
|
6728
6771
|
};
|
|
6729
6772
|
};
|
|
6730
6773
|
'& .SCMediaFile-action-wrapper': {
|
|
@@ -11113,6 +11156,9 @@ declare const theme: {
|
|
|
11113
11156
|
padding: any;
|
|
11114
11157
|
marginTop: string;
|
|
11115
11158
|
backgroundColor: any;
|
|
11159
|
+
'& .SCEmptyStatus-contrast-color': {
|
|
11160
|
+
color: string;
|
|
11161
|
+
};
|
|
11116
11162
|
'& .SCEmptyStatus-box': {
|
|
11117
11163
|
width: string;
|
|
11118
11164
|
height: string;
|
|
@@ -1,9 +1,19 @@
|
|
|
1
|
+
import { darken, getContrastRatio, lighten } from '@mui/material';
|
|
1
2
|
const Component = {
|
|
2
3
|
styleOverrides: {
|
|
3
4
|
root: ({ theme }) => ({
|
|
4
|
-
backgroundColor: theme.palette.common.white
|
|
5
|
-
|
|
5
|
+
backgroundColor: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
6
|
+
? theme.palette.background.paper
|
|
7
|
+
: theme.palette.common.white,
|
|
8
|
+
border: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
9
|
+
? `1px solid ${theme.palette.grey[800]}`
|
|
10
|
+
: `1px solid ${theme.palette.grey[300]}`,
|
|
6
11
|
borderRadius: '5px',
|
|
12
|
+
'& .SCAccordionLessons-contrast-color': {
|
|
13
|
+
color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
14
|
+
? lighten(theme.palette.common.white, 0.5)
|
|
15
|
+
: darken(theme.palette.common.white, 0.5)
|
|
16
|
+
},
|
|
7
17
|
'& .SCAccordionLessons-empty': {
|
|
8
18
|
padding: theme.spacing('19px', 3)
|
|
9
19
|
},
|
|
@@ -11,9 +21,11 @@ const Component = {
|
|
|
11
21
|
'& .SCAccordionLessons-summary': {
|
|
12
22
|
flexDirection: 'row-reverse',
|
|
13
23
|
gap: theme.spacing(1),
|
|
14
|
-
borderBottom:
|
|
24
|
+
borderBottom: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
25
|
+
? `1px solid ${theme.palette.grey[800]}`
|
|
26
|
+
: `1px solid ${theme.palette.grey[300]}`,
|
|
15
27
|
padding: theme.spacing('22px', 3),
|
|
16
|
-
backgroundColor: theme.palette.grey[
|
|
28
|
+
backgroundColor: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5 ? theme.palette.grey[700] : theme.palette.grey[200],
|
|
17
29
|
'& .MuiAccordionSummary-content': {
|
|
18
30
|
justifyContent: 'space-between',
|
|
19
31
|
margin: 0,
|
|
@@ -30,14 +42,16 @@ const Component = {
|
|
|
30
42
|
gap: theme.spacing(1),
|
|
31
43
|
padding: theme.spacing('22px', 6),
|
|
32
44
|
'&:not(:last-child)': {
|
|
33
|
-
borderBottom:
|
|
45
|
+
borderBottom: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
46
|
+
? `1px solid ${theme.palette.grey[800]}`
|
|
47
|
+
: `1px solid ${theme.palette.grey[300]}`
|
|
34
48
|
},
|
|
35
49
|
'& .SCAccordionLessons-circle': {
|
|
36
50
|
flexShrink: 0,
|
|
37
51
|
width: theme.spacing(2),
|
|
38
52
|
height: theme.spacing(2),
|
|
39
53
|
borderRadius: '9999px',
|
|
40
|
-
backgroundColor: theme.palette.
|
|
54
|
+
backgroundColor: theme.palette.common.white
|
|
41
55
|
},
|
|
42
56
|
'& .SCAccordionLessons-link': {
|
|
43
57
|
textDecoration: 'underline',
|
|
@@ -52,15 +66,19 @@ const Component = {
|
|
|
52
66
|
}
|
|
53
67
|
}),
|
|
54
68
|
skeletonRoot: ({ theme }) => ({
|
|
55
|
-
border:
|
|
69
|
+
border: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
70
|
+
? `1px solid ${theme.palette.grey[800]}`
|
|
71
|
+
: `1px solid ${theme.palette.grey[300]}`,
|
|
56
72
|
borderRadius: '5px',
|
|
57
73
|
'& .SCAccordionLessons-accordion': {
|
|
58
74
|
'& .SCAccordionLessons-summary': {
|
|
59
75
|
display: 'flex',
|
|
60
76
|
justifyContent: 'space-between',
|
|
61
|
-
borderBottom:
|
|
77
|
+
borderBottom: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
78
|
+
? `1px solid ${theme.palette.grey[800]}`
|
|
79
|
+
: `1px solid ${theme.palette.grey[300]}`,
|
|
62
80
|
padding: theme.spacing('22px', 3),
|
|
63
|
-
backgroundColor: theme.palette.grey[
|
|
81
|
+
backgroundColor: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5 ? theme.palette.grey[700] : theme.palette.grey[200]
|
|
64
82
|
}
|
|
65
83
|
}
|
|
66
84
|
})
|
|
@@ -1,6 +1,13 @@
|
|
|
1
|
+
import { darken, getContrastRatio, lighten } from '@mui/material';
|
|
1
2
|
const Component = {
|
|
2
3
|
styleOverrides: {
|
|
3
|
-
root: ({ theme }) => ({
|
|
4
|
+
root: ({ theme }) => ({
|
|
5
|
+
'& .SCCategoryAutocomplete-contrast-color': {
|
|
6
|
+
color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
7
|
+
? lighten(theme.palette.common.white, 0.5)
|
|
8
|
+
: darken(theme.palette.common.white, 0.5)
|
|
9
|
+
}
|
|
10
|
+
})
|
|
4
11
|
}
|
|
5
12
|
};
|
|
6
13
|
export default Component;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { alpha } from '@mui/
|
|
1
|
+
import { alpha, getContrastRatio } from '@mui/material';
|
|
2
2
|
const Component = {
|
|
3
3
|
styleOverrides: {
|
|
4
4
|
root: ({ theme }) => ({
|
|
@@ -43,7 +43,9 @@ const Component = {
|
|
|
43
43
|
display: 'flex',
|
|
44
44
|
padding: `6px`,
|
|
45
45
|
borderRadius: theme.shape.borderRadius * 0.5,
|
|
46
|
-
borderColor:
|
|
46
|
+
borderColor: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
47
|
+
? 'rgba(255, 255, 255, 0.12)'
|
|
48
|
+
: alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity),
|
|
47
49
|
'& .MuiCardContent-root': {
|
|
48
50
|
flexGrow: 1,
|
|
49
51
|
padding: 0,
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
declare const Component: {
|
|
2
2
|
styleOverrides: {
|
|
3
|
-
root: (
|
|
3
|
+
root: ({ theme }: {
|
|
4
|
+
theme: any;
|
|
5
|
+
}) => {
|
|
4
6
|
'& .SCCourseCompletedDialog-wrapper': {
|
|
5
7
|
alignItems: string;
|
|
8
|
+
'& .SCCourseCompletedDialog-contrast-color': {
|
|
9
|
+
color: string;
|
|
10
|
+
};
|
|
6
11
|
'& .SCCourseCompletedDialog-title': {
|
|
7
12
|
marginTop: string;
|
|
8
13
|
marginBottom: string;
|
|
@@ -1,8 +1,14 @@
|
|
|
1
|
+
import { darken, getContrastRatio, lighten } from '@mui/material';
|
|
1
2
|
const Component = {
|
|
2
3
|
styleOverrides: {
|
|
3
|
-
root: () => ({
|
|
4
|
+
root: ({ theme }) => ({
|
|
4
5
|
'& .SCCourseCompletedDialog-wrapper': {
|
|
5
6
|
alignItems: 'center',
|
|
7
|
+
'& .SCCourseCompletedDialog-contrast-color': {
|
|
8
|
+
color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
9
|
+
? lighten(theme.palette.common.white, 0.5)
|
|
10
|
+
: darken(theme.palette.common.white, 0.5)
|
|
11
|
+
},
|
|
6
12
|
'& .SCCourseCompletedDialog-title': {
|
|
7
13
|
marginTop: '60px',
|
|
8
14
|
marginBottom: '27px'
|
|
@@ -7,7 +7,7 @@ declare const Component: {
|
|
|
7
7
|
marginBottom: string;
|
|
8
8
|
};
|
|
9
9
|
'& .SCCourseDashboard-contrast-color': {
|
|
10
|
-
color:
|
|
10
|
+
color: string;
|
|
11
11
|
};
|
|
12
12
|
'& .SCCourseDashboard-header': {
|
|
13
13
|
[x: number]: {
|
|
@@ -165,6 +165,7 @@ declare const Component: {
|
|
|
165
165
|
flexDirection: string;
|
|
166
166
|
alignItems: string;
|
|
167
167
|
justifyContent: string;
|
|
168
|
+
color: string;
|
|
168
169
|
backgroundColor: any;
|
|
169
170
|
padding: string;
|
|
170
171
|
'& .SCCourseDashboard-user': {
|
|
@@ -193,7 +194,7 @@ declare const Component: {
|
|
|
193
194
|
'& .SCBuyButton-request-root': {
|
|
194
195
|
'&:hover, &:active': {
|
|
195
196
|
backgroundColor: any;
|
|
196
|
-
color:
|
|
197
|
+
color: string;
|
|
197
198
|
border: string;
|
|
198
199
|
'& .MuiIcon-root': {
|
|
199
200
|
color: any;
|