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

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 +6 -0
  2. package/lib/cjs/components/SCCourseDashboard.js +7 -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 +21 -0
  10. package/lib/esm/components/SCCourseDashboard.d.ts +6 -0
  11. package/lib/esm/components/SCCourseDashboard.js +7 -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 +21 -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;
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',
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;
@@ -2520,6 +2526,12 @@ declare const theme: {
2520
2526
  SCCourseForm: {
2521
2527
  styleOverrides: {
2522
2528
  root: ({ theme }: any) => {
2529
+ '& .SCCourseForm-contrast-color': {
2530
+ color: any;
2531
+ };
2532
+ '& .SCCourseForm-contrast-bg-color': {
2533
+ backgroundColor: any;
2534
+ };
2523
2535
  '& .SCCourseForm-cover': {
2524
2536
  position: string;
2525
2537
  height: number;
@@ -2769,6 +2781,9 @@ declare const theme: {
2769
2781
  root: ({ theme }: {
2770
2782
  theme: any;
2771
2783
  }) => {
2784
+ '&.SCCourseUsersTable-contrast-bg-color': {
2785
+ backgroundColor: any;
2786
+ };
2772
2787
  '& .SCCourseUsersTable-search': {
2773
2788
  '& > .MuiInputBase-root': {
2774
2789
  borderBottomLeftRadius: string;
@@ -3287,6 +3302,12 @@ declare const theme: {
3287
3302
  [x: number]: {
3288
3303
  marginBottom: string;
3289
3304
  };
3305
+ '& .SCEditCourse-contrast-color': {
3306
+ color: any;
3307
+ };
3308
+ '& .SCEditCourse-contrast-bg-color': {
3309
+ backgroundColor: any;
3310
+ };
3290
3311
  '& .SCEditCourse-header': {
3291
3312
  [x: number]: {
3292
3313
  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;
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',
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;
@@ -2520,6 +2526,12 @@ declare const theme: {
2520
2526
  SCCourseForm: {
2521
2527
  styleOverrides: {
2522
2528
  root: ({ theme }: any) => {
2529
+ '& .SCCourseForm-contrast-color': {
2530
+ color: any;
2531
+ };
2532
+ '& .SCCourseForm-contrast-bg-color': {
2533
+ backgroundColor: any;
2534
+ };
2523
2535
  '& .SCCourseForm-cover': {
2524
2536
  position: string;
2525
2537
  height: number;
@@ -2769,6 +2781,9 @@ declare const theme: {
2769
2781
  root: ({ theme }: {
2770
2782
  theme: any;
2771
2783
  }) => {
2784
+ '&.SCCourseUsersTable-contrast-bg-color': {
2785
+ backgroundColor: any;
2786
+ };
2772
2787
  '& .SCCourseUsersTable-search': {
2773
2788
  '& > .MuiInputBase-root': {
2774
2789
  borderBottomLeftRadius: string;
@@ -3287,6 +3302,12 @@ declare const theme: {
3287
3302
  [x: number]: {
3288
3303
  marginBottom: string;
3289
3304
  };
3305
+ '& .SCEditCourse-contrast-color': {
3306
+ color: any;
3307
+ };
3308
+ '& .SCEditCourse-contrast-bg-color': {
3309
+ backgroundColor: any;
3310
+ };
3290
3311
  '& .SCEditCourse-header': {
3291
3312
  [x: number]: {
3292
3313
  paddingLeft: any;