@selfcommunity/react-theme-default 0.4.2-courses.168 → 0.4.2-courses.170

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 (20) hide show
  1. package/lib/cjs/components/SCCourseDashboard.d.ts +8 -0
  2. package/lib/cjs/components/SCCourseDashboard.js +9 -0
  3. package/lib/cjs/components/SCCourseForm.d.ts +6 -0
  4. package/lib/cjs/components/SCCourseForm.js +10 -4
  5. package/lib/cjs/components/SCCourseUsersTable.d.ts +3 -0
  6. package/lib/cjs/components/SCCourseUsersTable.js +4 -0
  7. package/lib/cjs/components/SCEditCourse.d.ts +6 -0
  8. package/lib/cjs/components/SCEditCourse.js +7 -0
  9. package/lib/cjs/index.d.ts +23 -0
  10. package/lib/esm/components/SCCourseDashboard.d.ts +8 -0
  11. package/lib/esm/components/SCCourseDashboard.js +9 -0
  12. package/lib/esm/components/SCCourseForm.d.ts +6 -0
  13. package/lib/esm/components/SCCourseForm.js +7 -1
  14. package/lib/esm/components/SCCourseUsersTable.d.ts +3 -0
  15. package/lib/esm/components/SCCourseUsersTable.js +4 -0
  16. package/lib/esm/components/SCEditCourse.d.ts +6 -0
  17. package/lib/esm/components/SCEditCourse.js +7 -0
  18. package/lib/esm/index.d.ts +23 -0
  19. package/lib/umd/react-theme-default.js +1 -1
  20. package/package.json +2 -2
package/lib/cjs/components/SCCourseDashboard.d.ts CHANGED
@@ -6,6 +6,12 @@ declare const Component: {
6
6
  [x: number]: {
7
7
  marginBottom: string;
8
8
  };
9
+ '& .SCCourseDashboard-contrast-color': {
10
+ color: any;
11
+ };
12
+ '& .SCCourseDashboard-contrast-bg-color': {
13
+ backgroundColor: any;
14
+ };
9
15
  '& .SCCourseDashboard-header': {
10
16
  [x: number]: {
11
17
  paddingLeft: string;
@@ -21,6 +27,8 @@ declare const Component: {
21
27
  borderBottomLeftRadius: string;
22
28
  borderBottomRightRadius: string;
23
29
  marginBottom: string;
30
+ objectFit: string;
31
+ objectPosition: string;
24
32
  };
25
33
  '& .SCCourseDashboard-header-outer-wrapper': {
26
34
  [x: number]: {
package/lib/cjs/components/SCCourseDashboard.js CHANGED
@@ -1,11 +1,18 @@
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 }) => ({
6
7
  [theme.breakpoints.down('sm')]: {
7
8
  marginBottom: '56px'
8
9
  },
10
+ '& .SCCourseDashboard-contrast-color': {
11
+ color: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
12
+ },
13
+ '& .SCCourseDashboard-contrast-bg-color': {
14
+ backgroundColor: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
15
+ },
9
16
  '& .SCCourseDashboard-header': {
10
17
  [theme.breakpoints.down('sm')]: {
11
18
  paddingLeft: '14px',
@@ -18,6 +25,8 @@ const Component = {
18
25
  borderBottomLeftRadius: '10px',
19
26
  borderBottomRightRadius: '10px',
20
27
  marginBottom: '17px',
28
+ objectFit: 'cover',
29
+ objectPosition: 'center',
21
30
  [theme.breakpoints.down('sm')]: {
22
31
  display: 'none'
23
32
  }
package/lib/cjs/components/SCCourseForm.d.ts CHANGED
@@ -1,6 +1,12 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
+ '& .SCCourseForm-contrast-color': {
5
+ color: any;
6
+ };
7
+ '& .SCCourseForm-contrast-bg-color': {
8
+ backgroundColor: any;
9
+ };
4
10
  '& .SCCourseForm-cover': {
5
11
  position: string;
6
12
  height: number;
package/lib/cjs/components/SCCourseForm.js CHANGED
@@ -1,9 +1,15 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const system_1 = require("@mui/system");
3
+ 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.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
9
+ },
10
+ '& .SCCourseForm-contrast-bg-color': {
11
+ backgroundColor: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
12
+ },
7
13
  '& .SCCourseForm-cover': {
8
14
  position: 'relative',
9
15
  height: 103,
@@ -90,10 +96,10 @@ const Component = {
90
96
  gap: theme.spacing(2.5),
91
97
  marginTop: theme.spacing(1.5),
92
98
  '& .SCCourseForm-selected': {
93
- backgroundColor: (0, system_1.alpha)(theme.palette.success.main, theme.palette.action.selectedOpacity),
99
+ backgroundColor: (0, material_1.alpha)(theme.palette.success.main, theme.palette.action.selectedOpacity),
94
100
  border: `1px solid ${theme.palette.success.main} !important`,
95
101
  '&:hover': {
96
- backgroundColor: (0, system_1.alpha)(theme.palette.success.main, theme.palette.action.selectedOpacity)
102
+ backgroundColor: (0, material_1.alpha)(theme.palette.success.main, theme.palette.action.selectedOpacity)
97
103
  }
98
104
  },
99
105
  '& .MuiCard-root': {
@@ -127,7 +133,7 @@ const Component = {
127
133
  },
128
134
  '& .MuiDivider-root': {
129
135
  marginTop: theme.spacing(2),
130
- border: `1px solid ${(0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`
136
+ border: `1px solid ${(0, material_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`
131
137
  },
132
138
  '& .MuiDialogTitle-root': {
133
139
  '& span': {
package/lib/cjs/components/SCCourseUsersTable.d.ts CHANGED
@@ -3,6 +3,9 @@ declare const Component: {
3
3
  root: ({ theme }: {
4
4
  theme: any;
5
5
  }) => {
6
+ '&.SCCourseUsersTable-contrast-bg-color': {
7
+ backgroundColor: any;
8
+ };
6
9
  '& .SCCourseUsersTable-search': {
7
10
  '& > .MuiInputBase-root': {
8
11
  borderBottomLeftRadius: string;
package/lib/cjs/components/SCCourseUsersTable.js CHANGED
@@ -1,8 +1,12 @@
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 }) => ({
7
+ '&.SCCourseUsersTable-contrast-bg-color': {
8
+ backgroundColor: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
9
+ },
6
10
  '& .SCCourseUsersTable-search': {
7
11
  '& > .MuiInputBase-root': {
8
12
  borderBottomLeftRadius: 'unset',
package/lib/cjs/components/SCEditCourse.d.ts CHANGED
@@ -6,6 +6,12 @@ declare const Component: {
6
6
  [x: number]: {
7
7
  marginBottom: string;
8
8
  };
9
+ '& .SCEditCourse-contrast-color': {
10
+ color: any;
11
+ };
12
+ '& .SCEditCourse-contrast-bg-color': {
13
+ backgroundColor: any;
14
+ };
9
15
  '& .SCEditCourse-header': {
10
16
  [x: number]: {
11
17
  paddingLeft: any;
package/lib/cjs/components/SCEditCourse.js CHANGED
@@ -1,11 +1,18 @@
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 }) => ({
6
7
  [theme.breakpoints.down('sm')]: {
7
8
  marginBottom: '56px'
8
9
  },
10
+ '& .SCEditCourse-contrast-color': {
11
+ color: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
12
+ },
13
+ '& .SCEditCourse-contrast-bg-color': {
14
+ backgroundColor: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
15
+ },
9
16
  '& .SCEditCourse-header': {
10
17
  flexDirection: 'row',
11
18
  alignItems: 'center',
package/lib/cjs/index.d.ts CHANGED
@@ -2044,6 +2044,12 @@ declare const theme: {
2044
2044
  [x: number]: {
2045
2045
  marginBottom: string;
2046
2046
  };
2047
+ '& .SCCourseDashboard-contrast-color': {
2048
+ color: any;
2049
+ };
2050
+ '& .SCCourseDashboard-contrast-bg-color': {
2051
+ backgroundColor: any;
2052
+ };
2047
2053
  '& .SCCourseDashboard-header': {
2048
2054
  [x: number]: {
2049
2055
  paddingLeft: string;
@@ -2059,6 +2065,8 @@ declare const theme: {
2059
2065
  borderBottomLeftRadius: string;
2060
2066
  borderBottomRightRadius: string;
2061
2067
  marginBottom: string;
2068
+ objectFit: string;
2069
+ objectPosition: string;
2062
2070
  };
2063
2071
  '& .SCCourseDashboard-header-outer-wrapper': {
2064
2072
  [x: number]: {
@@ -2520,6 +2528,12 @@ declare const theme: {
2520
2528
  SCCourseForm: {
2521
2529
  styleOverrides: {
2522
2530
  root: ({ theme }: any) => {
2531
+ '& .SCCourseForm-contrast-color': {
2532
+ color: any;
2533
+ };
2534
+ '& .SCCourseForm-contrast-bg-color': {
2535
+ backgroundColor: any;
2536
+ };
2523
2537
  '& .SCCourseForm-cover': {
2524
2538
  position: string;
2525
2539
  height: number;
@@ -2769,6 +2783,9 @@ declare const theme: {
2769
2783
  root: ({ theme }: {
2770
2784
  theme: any;
2771
2785
  }) => {
2786
+ '&.SCCourseUsersTable-contrast-bg-color': {
2787
+ backgroundColor: any;
2788
+ };
2772
2789
  '& .SCCourseUsersTable-search': {
2773
2790
  '& > .MuiInputBase-root': {
2774
2791
  borderBottomLeftRadius: string;
@@ -3287,6 +3304,12 @@ declare const theme: {
3287
3304
  [x: number]: {
3288
3305
  marginBottom: string;
3289
3306
  };
3307
+ '& .SCEditCourse-contrast-color': {
3308
+ color: any;
3309
+ };
3310
+ '& .SCEditCourse-contrast-bg-color': {
3311
+ backgroundColor: any;
3312
+ };
3290
3313
  '& .SCEditCourse-header': {
3291
3314
  [x: number]: {
3292
3315
  paddingLeft: any;
package/lib/esm/components/SCCourseDashboard.d.ts CHANGED
@@ -6,6 +6,12 @@ declare const Component: {
6
6
  [x: number]: {
7
7
  marginBottom: string;
8
8
  };
9
+ '& .SCCourseDashboard-contrast-color': {
10
+ color: any;
11
+ };
12
+ '& .SCCourseDashboard-contrast-bg-color': {
13
+ backgroundColor: any;
14
+ };
9
15
  '& .SCCourseDashboard-header': {
10
16
  [x: number]: {
11
17
  paddingLeft: string;
@@ -21,6 +27,8 @@ declare const Component: {
21
27
  borderBottomLeftRadius: string;
22
28
  borderBottomRightRadius: string;
23
29
  marginBottom: string;
30
+ objectFit: string;
31
+ objectPosition: string;
24
32
  };
25
33
  '& .SCCourseDashboard-header-outer-wrapper': {
26
34
  [x: number]: {
package/lib/esm/components/SCCourseDashboard.js CHANGED
@@ -1,9 +1,16 @@
1
+ import { getContrastRatio } from '@mui/material';
1
2
  const Component = {
2
3
  styleOverrides: {
3
4
  root: ({ theme }) => ({
4
5
  [theme.breakpoints.down('sm')]: {
5
6
  marginBottom: '56px'
6
7
  },
8
+ '& .SCCourseDashboard-contrast-color': {
9
+ color: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
10
+ },
11
+ '& .SCCourseDashboard-contrast-bg-color': {
12
+ backgroundColor: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
13
+ },
7
14
  '& .SCCourseDashboard-header': {
8
15
  [theme.breakpoints.down('sm')]: {
9
16
  paddingLeft: '14px',
@@ -16,6 +23,8 @@ const Component = {
16
23
  borderBottomLeftRadius: '10px',
17
24
  borderBottomRightRadius: '10px',
18
25
  marginBottom: '17px',
26
+ objectFit: 'cover',
27
+ objectPosition: 'center',
19
28
  [theme.breakpoints.down('sm')]: {
20
29
  display: 'none'
21
30
  }
package/lib/esm/components/SCCourseForm.d.ts CHANGED
@@ -1,6 +1,12 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
+ '& .SCCourseForm-contrast-color': {
5
+ color: any;
6
+ };
7
+ '& .SCCourseForm-contrast-bg-color': {
8
+ backgroundColor: any;
9
+ };
4
10
  '& .SCCourseForm-cover': {
5
11
  position: string;
6
12
  height: number;
package/lib/esm/components/SCCourseForm.js CHANGED
@@ -1,7 +1,13 @@
1
- import { alpha } from '@mui/system';
1
+ import { alpha, getContrastRatio } from '@mui/material';
2
2
  const Component = {
3
3
  styleOverrides: {
4
4
  root: ({ theme }) => ({
5
+ '& .SCCourseForm-contrast-color': {
6
+ color: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
7
+ },
8
+ '& .SCCourseForm-contrast-bg-color': {
9
+ backgroundColor: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
10
+ },
5
11
  '& .SCCourseForm-cover': {
6
12
  position: 'relative',
7
13
  height: 103,
package/lib/esm/components/SCCourseUsersTable.d.ts CHANGED
@@ -3,6 +3,9 @@ declare const Component: {
3
3
  root: ({ theme }: {
4
4
  theme: any;
5
5
  }) => {
6
+ '&.SCCourseUsersTable-contrast-bg-color': {
7
+ backgroundColor: any;
8
+ };
6
9
  '& .SCCourseUsersTable-search': {
7
10
  '& > .MuiInputBase-root': {
8
11
  borderBottomLeftRadius: string;
package/lib/esm/components/SCCourseUsersTable.js CHANGED
@@ -1,6 +1,10 @@
1
+ import { getContrastRatio } from '@mui/material';
1
2
  const Component = {
2
3
  styleOverrides: {
3
4
  root: ({ theme }) => ({
5
+ '&.SCCourseUsersTable-contrast-bg-color': {
6
+ backgroundColor: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
7
+ },
4
8
  '& .SCCourseUsersTable-search': {
5
9
  '& > .MuiInputBase-root': {
6
10
  borderBottomLeftRadius: 'unset',
package/lib/esm/components/SCEditCourse.d.ts CHANGED
@@ -6,6 +6,12 @@ declare const Component: {
6
6
  [x: number]: {
7
7
  marginBottom: string;
8
8
  };
9
+ '& .SCEditCourse-contrast-color': {
10
+ color: any;
11
+ };
12
+ '& .SCEditCourse-contrast-bg-color': {
13
+ backgroundColor: any;
14
+ };
9
15
  '& .SCEditCourse-header': {
10
16
  [x: number]: {
11
17
  paddingLeft: any;
package/lib/esm/components/SCEditCourse.js CHANGED
@@ -1,9 +1,16 @@
1
+ import { getContrastRatio } from '@mui/material';
1
2
  const Component = {
2
3
  styleOverrides: {
3
4
  root: ({ theme }) => ({
4
5
  [theme.breakpoints.down('sm')]: {
5
6
  marginBottom: '56px'
6
7
  },
8
+ '& .SCEditCourse-contrast-color': {
9
+ color: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
10
+ },
11
+ '& .SCEditCourse-contrast-bg-color': {
12
+ backgroundColor: getContrastRatio(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
13
+ },
7
14
  '& .SCEditCourse-header': {
8
15
  flexDirection: 'row',
9
16
  alignItems: 'center',
package/lib/esm/index.d.ts CHANGED
@@ -2044,6 +2044,12 @@ declare const theme: {
2044
2044
  [x: number]: {
2045
2045
  marginBottom: string;
2046
2046
  };
2047
+ '& .SCCourseDashboard-contrast-color': {
2048
+ color: any;
2049
+ };
2050
+ '& .SCCourseDashboard-contrast-bg-color': {
2051
+ backgroundColor: any;
2052
+ };
2047
2053
  '& .SCCourseDashboard-header': {
2048
2054
  [x: number]: {
2049
2055
  paddingLeft: string;
@@ -2059,6 +2065,8 @@ declare const theme: {
2059
2065
  borderBottomLeftRadius: string;
2060
2066
  borderBottomRightRadius: string;
2061
2067
  marginBottom: string;
2068
+ objectFit: string;
2069
+ objectPosition: string;
2062
2070
  };
2063
2071
  '& .SCCourseDashboard-header-outer-wrapper': {
2064
2072
  [x: number]: {
@@ -2520,6 +2528,12 @@ declare const theme: {
2520
2528
  SCCourseForm: {
2521
2529
  styleOverrides: {
2522
2530
  root: ({ theme }: any) => {
2531
+ '& .SCCourseForm-contrast-color': {
2532
+ color: any;
2533
+ };
2534
+ '& .SCCourseForm-contrast-bg-color': {
2535
+ backgroundColor: any;
2536
+ };
2523
2537
  '& .SCCourseForm-cover': {
2524
2538
  position: string;
2525
2539
  height: number;
@@ -2769,6 +2783,9 @@ declare const theme: {
2769
2783
  root: ({ theme }: {
2770
2784
  theme: any;
2771
2785
  }) => {
2786
+ '&.SCCourseUsersTable-contrast-bg-color': {
2787
+ backgroundColor: any;
2788
+ };
2772
2789
  '& .SCCourseUsersTable-search': {
2773
2790
  '& > .MuiInputBase-root': {
2774
2791
  borderBottomLeftRadius: string;
@@ -3287,6 +3304,12 @@ declare const theme: {
3287
3304
  [x: number]: {
3288
3305
  marginBottom: string;
3289
3306
  };
3307
+ '& .SCEditCourse-contrast-color': {
3308
+ color: any;
3309
+ };
3310
+ '& .SCEditCourse-contrast-bg-color': {
3311
+ backgroundColor: any;
3312
+ };
3290
3313
  '& .SCEditCourse-header': {
3291
3314
  [x: number]: {
3292
3315
  paddingLeft: any;