@selfcommunity/react-theme-default 1.1.0-alpha.1 → 1.2.0-alpha.0

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.
@@ -19,7 +19,6 @@ declare const Component: {
19
19
  padding: any;
20
20
  '&:hover': {
21
21
  color: any;
22
- background: string;
23
22
  border: string;
24
23
  };
25
24
  };
@@ -21,7 +21,6 @@ const Component = {
21
21
  padding: theme.spacing(0.5, 0),
22
22
  '&:hover': {
23
23
  color: theme.palette.text.secondary,
24
- background: 'white',
25
24
  border: 'none'
26
25
  }
27
26
  },
@@ -2,6 +2,10 @@ declare const Component: {
2
2
  styleOverrides: {
3
3
  displayRoot: ({ theme }: any) => {
4
4
  marginTop: any;
5
+ '& .react-player__preview': {
6
+ backgroundSize: string;
7
+ backgroundColor: string;
8
+ };
5
9
  '& .SCMediaLink-link': {
6
10
  position: string;
7
11
  backgroundColor: string;
@@ -1,10 +1,14 @@
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
  displayRoot: ({ theme }) => ({
7
7
  marginTop: theme.spacing(2),
8
+ '& .react-player__preview': {
9
+ backgroundSize: 'contain !important',
10
+ backgroundColor: '#000'
11
+ },
8
12
  '& .SCMediaLink-link': {
9
13
  position: 'relative',
10
14
  backgroundColor: '#F5F5F5',
@@ -43,7 +47,7 @@ const Component = {
43
47
  }
44
48
  },
45
49
  '& .SCMediaLink-thumbnail': {
46
- border: `1px solid ${(0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
50
+ border: `1px solid ${(0, material_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
47
51
  borderRadius: theme.shape.borderRadius * 0.75,
48
52
  paddingTop: theme.spacing(1),
49
53
  margin: theme.spacing(1, 2, 1, 1),
@@ -28,6 +28,7 @@ declare const Component: {
28
28
  border: string;
29
29
  '&.MuiPaper-elevation0': {
30
30
  borderRadius: number;
31
+ backgroundColor: string;
31
32
  };
32
33
  '& .MuiCardContent-root': {
33
34
  padding: any;
@@ -1,6 +1,6 @@
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
  variants: [
6
6
  {
@@ -27,14 +27,15 @@ const Component = {
27
27
  borderRadius: theme.shape.borderRadius
28
28
  },
29
29
  '&.MuiPaper-elevation0': {
30
- borderRadius: 0
30
+ borderRadius: 0,
31
+ backgroundColor: 'rgba(255,255,255,0)'
31
32
  },
32
33
  '& .MuiCardContent-root': {
33
34
  padding: theme.spacing(2.2),
34
35
  '& h5': {
35
36
  fontFamily: theme.typography.fontFamily,
36
37
  fontWeight: theme.typography.fontWeightBold,
37
- color: (0, system_1.darken)(theme.palette.text.primary, 0.5),
38
+ color: (0, material_1.lighten)(theme.palette.text.primary, 0.5),
38
39
  fontSize: '1.143rem'
39
40
  },
40
41
  '& .MuiList-root': {
@@ -5549,7 +5549,6 @@ declare const theme: {
5549
5549
  padding: any;
5550
5550
  '&:hover': {
5551
5551
  color: any;
5552
- background: string;
5553
5552
  border: string;
5554
5553
  };
5555
5554
  };
@@ -6745,6 +6744,10 @@ declare const theme: {
6745
6744
  styleOverrides: {
6746
6745
  displayRoot: ({ theme }: any) => {
6747
6746
  marginTop: any;
6747
+ '& .react-player__preview': {
6748
+ backgroundSize: string;
6749
+ backgroundColor: string;
6750
+ };
6748
6751
  '& .SCMediaLink-link': {
6749
6752
  position: string;
6750
6753
  backgroundColor: string;
@@ -10938,6 +10941,7 @@ declare const theme: {
10938
10941
  border: string;
10939
10942
  '&.MuiPaper-elevation0': {
10940
10943
  borderRadius: number;
10944
+ backgroundColor: string;
10941
10945
  };
10942
10946
  '& .MuiCardContent-root': {
10943
10947
  padding: any;
@@ -19,7 +19,6 @@ declare const Component: {
19
19
  padding: any;
20
20
  '&:hover': {
21
21
  color: any;
22
- background: string;
23
22
  border: string;
24
23
  };
25
24
  };
@@ -19,7 +19,6 @@ const Component = {
19
19
  padding: theme.spacing(0.5, 0),
20
20
  '&:hover': {
21
21
  color: theme.palette.text.secondary,
22
- background: 'white',
23
22
  border: 'none'
24
23
  }
25
24
  },
@@ -2,6 +2,10 @@ declare const Component: {
2
2
  styleOverrides: {
3
3
  displayRoot: ({ theme }: any) => {
4
4
  marginTop: any;
5
+ '& .react-player__preview': {
6
+ backgroundSize: string;
7
+ backgroundColor: string;
8
+ };
5
9
  '& .SCMediaLink-link': {
6
10
  position: string;
7
11
  backgroundColor: string;
@@ -1,8 +1,12 @@
1
- import { alpha } from '@mui/system';
1
+ import { alpha } from '@mui/material';
2
2
  const Component = {
3
3
  styleOverrides: {
4
4
  displayRoot: ({ theme }) => ({
5
5
  marginTop: theme.spacing(2),
6
+ '& .react-player__preview': {
7
+ backgroundSize: 'contain !important',
8
+ backgroundColor: '#000'
9
+ },
6
10
  '& .SCMediaLink-link': {
7
11
  position: 'relative',
8
12
  backgroundColor: '#F5F5F5',
@@ -28,6 +28,7 @@ declare const Component: {
28
28
  border: string;
29
29
  '&.MuiPaper-elevation0': {
30
30
  borderRadius: number;
31
+ backgroundColor: string;
31
32
  };
32
33
  '& .MuiCardContent-root': {
33
34
  padding: any;
@@ -1,4 +1,4 @@
1
- import { darken } from '@mui/system';
1
+ import { lighten } from '@mui/material';
2
2
  const Component = {
3
3
  variants: [
4
4
  {
@@ -25,14 +25,15 @@ const Component = {
25
25
  borderRadius: theme.shape.borderRadius
26
26
  },
27
27
  '&.MuiPaper-elevation0': {
28
- borderRadius: 0
28
+ borderRadius: 0,
29
+ backgroundColor: 'rgba(255,255,255,0)'
29
30
  },
30
31
  '& .MuiCardContent-root': {
31
32
  padding: theme.spacing(2.2),
32
33
  '& h5': {
33
34
  fontFamily: theme.typography.fontFamily,
34
35
  fontWeight: theme.typography.fontWeightBold,
35
- color: darken(theme.palette.text.primary, 0.5),
36
+ color: lighten(theme.palette.text.primary, 0.5),
36
37
  fontSize: '1.143rem'
37
38
  },
38
39
  '& .MuiList-root': {
@@ -5549,7 +5549,6 @@ declare const theme: {
5549
5549
  padding: any;
5550
5550
  '&:hover': {
5551
5551
  color: any;
5552
- background: string;
5553
5552
  border: string;
5554
5553
  };
5555
5554
  };
@@ -6745,6 +6744,10 @@ declare const theme: {
6745
6744
  styleOverrides: {
6746
6745
  displayRoot: ({ theme }: any) => {
6747
6746
  marginTop: any;
6747
+ '& .react-player__preview': {
6748
+ backgroundSize: string;
6749
+ backgroundColor: string;
6750
+ };
6748
6751
  '& .SCMediaLink-link': {
6749
6752
  position: string;
6750
6753
  backgroundColor: string;
@@ -10938,6 +10941,7 @@ declare const theme: {
10938
10941
  border: string;
10939
10942
  '&.MuiPaper-elevation0': {
10940
10943
  borderRadius: number;
10944
+ backgroundColor: string;
10941
10945
  };
10942
10946
  '& .MuiCardContent-root': {
10943
10947
  padding: any;