@selfcommunity/react-theme-default 0.1.9-alpha.44 → 0.1.9-alpha.46

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 (30) hide show
  1. package/lib/cjs/components/SCCategoryHeader.d.ts +3 -0
  2. package/lib/cjs/components/SCCategoryHeader.js +5 -2
  3. package/lib/cjs/components/SCGroup.d.ts +5 -0
  4. package/lib/cjs/components/SCGroup.js +6 -1
  5. package/lib/cjs/components/SCGroupHeader.d.ts +0 -4
  6. package/lib/cjs/components/SCGroupHeader.js +1 -4
  7. package/lib/cjs/components/SCGroups.d.ts +6 -1
  8. package/lib/cjs/components/SCGroups.js +7 -2
  9. package/lib/cjs/components/SCPrivateMessageSnippets.d.ts +1 -0
  10. package/lib/cjs/components/SCPrivateMessageSnippets.js +1 -0
  11. package/lib/cjs/components/SCPrivateMessageThread.js +2 -2
  12. package/lib/cjs/components/SCUserProfileHeader.d.ts +1 -1
  13. package/lib/cjs/components/SCUserProfileHeader.js +4 -4
  14. package/lib/cjs/index.d.ts +16 -6
  15. package/lib/esm/components/SCCategoryHeader.d.ts +3 -0
  16. package/lib/esm/components/SCCategoryHeader.js +5 -2
  17. package/lib/esm/components/SCGroup.d.ts +5 -0
  18. package/lib/esm/components/SCGroup.js +6 -1
  19. package/lib/esm/components/SCGroupHeader.d.ts +0 -4
  20. package/lib/esm/components/SCGroupHeader.js +1 -4
  21. package/lib/esm/components/SCGroups.d.ts +6 -1
  22. package/lib/esm/components/SCGroups.js +7 -2
  23. package/lib/esm/components/SCPrivateMessageSnippets.d.ts +1 -0
  24. package/lib/esm/components/SCPrivateMessageSnippets.js +1 -0
  25. package/lib/esm/components/SCPrivateMessageThread.js +2 -2
  26. package/lib/esm/components/SCUserProfileHeader.d.ts +1 -1
  27. package/lib/esm/components/SCUserProfileHeader.js +4 -4
  28. package/lib/esm/index.d.ts +16 -6
  29. package/lib/umd/react-theme-default.js +2 -2
  30. package/package.json +4 -4
@@ -7,6 +7,9 @@ declare const Component: {
7
7
  styleOverrides: {
8
8
  root: ({ theme }: any) => {
9
9
  '& .SCCategoryHeader-cover': {
10
+ [x: number]: {
11
+ borderRadius: any;
12
+ };
10
13
  display: string;
11
14
  flexDirection: string;
12
15
  justifyContent: string;
@@ -13,11 +13,14 @@ const Component = {
13
13
  flexDirection: 'column',
14
14
  justifyContent: 'center',
15
15
  alignItems: 'center',
16
- minHeight: 230,
16
+ minHeight: 150,
17
17
  color: '#FFF',
18
18
  background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
19
19
  height: 230,
20
- borderRadius: 0
20
+ borderRadius: 0,
21
+ [theme.breakpoints.up('md')]: {
22
+ borderRadius: theme.spacing(0, 0, 2.5, 2.5)
23
+ }
21
24
  },
22
25
  '& .SCCategoryHeader-info': {
23
26
  paddingLeft: theme.spacing(2),
@@ -18,7 +18,12 @@ declare const Component: {
18
18
  };
19
19
  };
20
20
  '& .SCBaseItemButton-primary': {
21
+ display: string;
22
+ alignItems: string;
21
23
  fontWeight: any;
24
+ '& .SCGroup-icon': {
25
+ marginLeft: any;
26
+ };
22
27
  };
23
28
  '& .SCBaseItemButton-secondary': {
24
29
  fontSize: string;
@@ -20,7 +20,12 @@ const Component = {
20
20
  }
21
21
  },
22
22
  '& .SCBaseItemButton-primary': {
23
- fontWeight: theme.typography.fontWeightBold
23
+ display: 'flex',
24
+ alignItems: 'center',
25
+ fontWeight: theme.typography.fontWeightBold,
26
+ '& .SCGroup-icon': {
27
+ marginLeft: theme.spacing(0.5)
28
+ }
24
29
  },
25
30
  '& .SCBaseItemButton-secondary': {
26
31
  fontSize: '0.857rem'
@@ -4,10 +4,6 @@ declare const Component: {
4
4
  '& .SCGroupHeader-cover': {
5
5
  [x: number]: {
6
6
  borderRadius: any;
7
- margin?: undefined;
8
- } | {
9
- margin: any;
10
- borderRadius?: undefined;
11
7
  };
12
8
  position: string;
13
9
  height: number;
@@ -5,16 +5,13 @@ const Component = {
5
5
  root: ({ theme }) => ({
6
6
  '& .SCGroupHeader-cover': {
7
7
  position: 'relative',
8
- height: 150,
8
+ height: 230,
9
9
  minHeight: 150,
10
10
  borderRadius: 0,
11
11
  background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
12
12
  boxShadow: 'unset',
13
13
  [theme.breakpoints.up('md')]: {
14
14
  borderRadius: theme.spacing(0, 0, 2.5, 2.5)
15
- },
16
- [theme.breakpoints.up('lg')]: {
17
- margin: theme.spacing(0, -5, 0, -5)
18
15
  }
19
16
  },
20
17
  '& .SCGroupHeader-info': {
@@ -1,6 +1,9 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
+ '& .MuiGrid-container': {
5
+ justifyContent: string;
6
+ };
4
7
  '& .SCGroups-filters': {
5
8
  marginTop: any;
6
9
  marginBottom: any;
@@ -8,7 +11,9 @@ declare const Component: {
8
11
  '& .SCGroups-groups': {
9
12
  marginTop: any;
10
13
  '& .SCGroups-item': {
11
- padding: any;
14
+ [x: number]: {
15
+ padding: any;
16
+ };
12
17
  width: string;
13
18
  '& > div': {
14
19
  cursor: string;
@@ -3,14 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
+ '& .MuiGrid-container': {
7
+ justifyContent: 'center'
8
+ },
6
9
  '& .SCGroups-filters': {
7
10
  marginTop: theme.spacing(),
8
11
  marginBottom: theme.spacing(2)
9
12
  },
10
13
  '& .SCGroups-groups': {
11
- marginTop: theme.spacing(3),
14
+ marginTop: theme.spacing(2),
12
15
  '& .SCGroups-item': {
13
- padding: theme.spacing(2),
16
+ [theme.breakpoints.up('md')]: {
17
+ padding: theme.spacing(2)
18
+ },
14
19
  width: 'auto',
15
20
  '& > div': {
16
21
  cursor: 'default',
@@ -3,6 +3,7 @@ declare const Component: {
3
3
  root: ({ theme }: any) => {
4
4
  height: string;
5
5
  width: string;
6
+ borderRadius: number;
6
7
  '& .MuiCardContent-root': {
7
8
  display: string;
8
9
  flexDirection: string;
@@ -5,6 +5,7 @@ const Component = {
5
5
  root: ({ theme }) => ({
6
6
  height: '100%',
7
7
  width: '100%',
8
+ borderRadius: 0,
8
9
  '& .MuiCardContent-root': {
9
10
  display: 'flex',
10
11
  flexDirection: 'column',
@@ -6,7 +6,7 @@ const Component = {
6
6
  root: ({ theme }) => ({
7
7
  height: '100%',
8
8
  width: '100%',
9
- backgroundColor: (0, system_1.alpha)(theme.palette.common.white, theme.palette.action.selectedOpacity),
9
+ backgroundColor: (0, system_1.alpha)(theme.palette.common.white, 0.5),
10
10
  borderRadius: 0,
11
11
  '& .MuiCardContent-root': {
12
12
  display: 'flex',
@@ -97,7 +97,7 @@ const Component = {
97
97
  height: theme.mixins.toolbar.minHeight,
98
98
  alignItems: 'center',
99
99
  justifyContent: 'center',
100
- backgroundColor: (0, system_1.alpha)(theme.palette.secondary.main, theme.palette.action.activatedOpacity),
100
+ backgroundColor: (0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity),
101
101
  '& .SCPrivateMessageThread-new-message-header-content': {
102
102
  display: 'flex',
103
103
  alignItems: 'center',
@@ -3,7 +3,7 @@ declare const Component: {
3
3
  root: ({ theme }: any) => {
4
4
  '& .SCUserProfileHeader-cover': {
5
5
  [x: number]: {
6
- margin: any;
6
+ borderRadius: any;
7
7
  };
8
8
  position: string;
9
9
  height: number;
@@ -6,12 +6,12 @@ const Component = {
6
6
  '& .SCUserProfileHeader-cover': {
7
7
  position: 'relative',
8
8
  height: 230,
9
- minHeight: 230,
9
+ minHeight: 150,
10
10
  borderRadius: 0,
11
11
  background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
12
12
  boxShadow: 'unset',
13
- [theme.breakpoints.up('lg')]: {
14
- margin: theme.spacing(0, -5, 0, -5)
13
+ [theme.breakpoints.up('md')]: {
14
+ borderRadius: theme.spacing(0, 0, 2.5, 2.5)
15
15
  }
16
16
  },
17
17
  '& .SCUserProfileHeader-infops-section': {
@@ -32,7 +32,7 @@ const Component = {
32
32
  width: theme.selfcommunity.user.avatar.sizeXLarge,
33
33
  borderRadius: '50%',
34
34
  border: `#FFF solid ${theme.spacing(0.5)}`,
35
- objectFit: 'cover',
35
+ objectFit: 'cover'
36
36
  },
37
37
  '& .MuiBadge-badge .SCUserAvatar-badge-content': {
38
38
  width: 32,
@@ -695,6 +695,9 @@ declare const theme: {
695
695
  styleOverrides: {
696
696
  root: ({ theme }: any) => {
697
697
  '& .SCCategoryHeader-cover': {
698
+ [x: number]: {
699
+ borderRadius: any;
700
+ };
698
701
  display: string;
699
702
  flexDirection: string;
700
703
  justifyContent: string;
@@ -4179,7 +4182,7 @@ declare const theme: {
4179
4182
  root: ({ theme }: any) => {
4180
4183
  '& .SCUserProfileHeader-cover': {
4181
4184
  [x: number]: {
4182
- margin: any;
4185
+ borderRadius: any;
4183
4186
  };
4184
4187
  position: string;
4185
4188
  height: number;
@@ -4584,6 +4587,7 @@ declare const theme: {
4584
4587
  root: ({ theme }: any) => {
4585
4588
  height: string;
4586
4589
  width: string;
4590
+ borderRadius: number;
4587
4591
  '& .MuiCardContent-root': {
4588
4592
  display: string;
4589
4593
  flexDirection: string;
@@ -5590,10 +5594,6 @@ declare const theme: {
5590
5594
  '& .SCGroupHeader-cover': {
5591
5595
  [x: number]: {
5592
5596
  borderRadius: any;
5593
- margin?: undefined;
5594
- } | {
5595
- margin: any;
5596
- borderRadius?: undefined;
5597
5597
  };
5598
5598
  position: string;
5599
5599
  height: number;
@@ -5936,7 +5936,12 @@ declare const theme: {
5936
5936
  };
5937
5937
  };
5938
5938
  '& .SCBaseItemButton-primary': {
5939
+ display: string;
5940
+ alignItems: string;
5939
5941
  fontWeight: any;
5942
+ '& .SCGroup-icon': {
5943
+ marginLeft: any;
5944
+ };
5940
5945
  };
5941
5946
  '& .SCBaseItemButton-secondary': {
5942
5947
  fontSize: string;
@@ -6004,6 +6009,9 @@ declare const theme: {
6004
6009
  SCGroups: {
6005
6010
  styleOverrides: {
6006
6011
  root: ({ theme }: any) => {
6012
+ '& .MuiGrid-container': {
6013
+ justifyContent: string;
6014
+ };
6007
6015
  '& .SCGroups-filters': {
6008
6016
  marginTop: any;
6009
6017
  marginBottom: any;
@@ -6011,7 +6019,9 @@ declare const theme: {
6011
6019
  '& .SCGroups-groups': {
6012
6020
  marginTop: any;
6013
6021
  '& .SCGroups-item': {
6014
- padding: any;
6022
+ [x: number]: {
6023
+ padding: any;
6024
+ };
6015
6025
  width: string;
6016
6026
  '& > div': {
6017
6027
  cursor: string;
@@ -7,6 +7,9 @@ declare const Component: {
7
7
  styleOverrides: {
8
8
  root: ({ theme }: any) => {
9
9
  '& .SCCategoryHeader-cover': {
10
+ [x: number]: {
11
+ borderRadius: any;
12
+ };
10
13
  display: string;
11
14
  flexDirection: string;
12
15
  justifyContent: string;
@@ -11,11 +11,14 @@ const Component = {
11
11
  flexDirection: 'column',
12
12
  justifyContent: 'center',
13
13
  alignItems: 'center',
14
- minHeight: 230,
14
+ minHeight: 150,
15
15
  color: '#FFF',
16
16
  background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
17
17
  height: 230,
18
- borderRadius: 0
18
+ borderRadius: 0,
19
+ [theme.breakpoints.up('md')]: {
20
+ borderRadius: theme.spacing(0, 0, 2.5, 2.5)
21
+ }
19
22
  },
20
23
  '& .SCCategoryHeader-info': {
21
24
  paddingLeft: theme.spacing(2),
@@ -18,7 +18,12 @@ declare const Component: {
18
18
  };
19
19
  };
20
20
  '& .SCBaseItemButton-primary': {
21
+ display: string;
22
+ alignItems: string;
21
23
  fontWeight: any;
24
+ '& .SCGroup-icon': {
25
+ marginLeft: any;
26
+ };
22
27
  };
23
28
  '& .SCBaseItemButton-secondary': {
24
29
  fontSize: string;
@@ -18,7 +18,12 @@ const Component = {
18
18
  }
19
19
  },
20
20
  '& .SCBaseItemButton-primary': {
21
- fontWeight: theme.typography.fontWeightBold
21
+ display: 'flex',
22
+ alignItems: 'center',
23
+ fontWeight: theme.typography.fontWeightBold,
24
+ '& .SCGroup-icon': {
25
+ marginLeft: theme.spacing(0.5)
26
+ }
22
27
  },
23
28
  '& .SCBaseItemButton-secondary': {
24
29
  fontSize: '0.857rem'
@@ -4,10 +4,6 @@ declare const Component: {
4
4
  '& .SCGroupHeader-cover': {
5
5
  [x: number]: {
6
6
  borderRadius: any;
7
- margin?: undefined;
8
- } | {
9
- margin: any;
10
- borderRadius?: undefined;
11
7
  };
12
8
  position: string;
13
9
  height: number;
@@ -3,16 +3,13 @@ const Component = {
3
3
  root: ({ theme }) => ({
4
4
  '& .SCGroupHeader-cover': {
5
5
  position: 'relative',
6
- height: 150,
6
+ height: 230,
7
7
  minHeight: 150,
8
8
  borderRadius: 0,
9
9
  background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
10
10
  boxShadow: 'unset',
11
11
  [theme.breakpoints.up('md')]: {
12
12
  borderRadius: theme.spacing(0, 0, 2.5, 2.5)
13
- },
14
- [theme.breakpoints.up('lg')]: {
15
- margin: theme.spacing(0, -5, 0, -5)
16
13
  }
17
14
  },
18
15
  '& .SCGroupHeader-info': {
@@ -1,6 +1,9 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
+ '& .MuiGrid-container': {
5
+ justifyContent: string;
6
+ };
4
7
  '& .SCGroups-filters': {
5
8
  marginTop: any;
6
9
  marginBottom: any;
@@ -8,7 +11,9 @@ declare const Component: {
8
11
  '& .SCGroups-groups': {
9
12
  marginTop: any;
10
13
  '& .SCGroups-item': {
11
- padding: any;
14
+ [x: number]: {
15
+ padding: any;
16
+ };
12
17
  width: string;
13
18
  '& > div': {
14
19
  cursor: string;
@@ -1,14 +1,19 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
3
  root: ({ theme }) => ({
4
+ '& .MuiGrid-container': {
5
+ justifyContent: 'center'
6
+ },
4
7
  '& .SCGroups-filters': {
5
8
  marginTop: theme.spacing(),
6
9
  marginBottom: theme.spacing(2)
7
10
  },
8
11
  '& .SCGroups-groups': {
9
- marginTop: theme.spacing(3),
12
+ marginTop: theme.spacing(2),
10
13
  '& .SCGroups-item': {
11
- padding: theme.spacing(2),
14
+ [theme.breakpoints.up('md')]: {
15
+ padding: theme.spacing(2)
16
+ },
12
17
  width: 'auto',
13
18
  '& > div': {
14
19
  cursor: 'default',
@@ -3,6 +3,7 @@ declare const Component: {
3
3
  root: ({ theme }: any) => {
4
4
  height: string;
5
5
  width: string;
6
+ borderRadius: number;
6
7
  '& .MuiCardContent-root': {
7
8
  display: string;
8
9
  flexDirection: string;
@@ -3,6 +3,7 @@ const Component = {
3
3
  root: ({ theme }) => ({
4
4
  height: '100%',
5
5
  width: '100%',
6
+ borderRadius: 0,
6
7
  '& .MuiCardContent-root': {
7
8
  display: 'flex',
8
9
  flexDirection: 'column',
@@ -4,7 +4,7 @@ const Component = {
4
4
  root: ({ theme }) => ({
5
5
  height: '100%',
6
6
  width: '100%',
7
- backgroundColor: alpha(theme.palette.common.white, theme.palette.action.selectedOpacity),
7
+ backgroundColor: alpha(theme.palette.common.white, 0.5),
8
8
  borderRadius: 0,
9
9
  '& .MuiCardContent-root': {
10
10
  display: 'flex',
@@ -95,7 +95,7 @@ const Component = {
95
95
  height: theme.mixins.toolbar.minHeight,
96
96
  alignItems: 'center',
97
97
  justifyContent: 'center',
98
- backgroundColor: alpha(theme.palette.secondary.main, theme.palette.action.activatedOpacity),
98
+ backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity),
99
99
  '& .SCPrivateMessageThread-new-message-header-content': {
100
100
  display: 'flex',
101
101
  alignItems: 'center',
@@ -3,7 +3,7 @@ declare const Component: {
3
3
  root: ({ theme }: any) => {
4
4
  '& .SCUserProfileHeader-cover': {
5
5
  [x: number]: {
6
- margin: any;
6
+ borderRadius: any;
7
7
  };
8
8
  position: string;
9
9
  height: number;
@@ -4,12 +4,12 @@ const Component = {
4
4
  '& .SCUserProfileHeader-cover': {
5
5
  position: 'relative',
6
6
  height: 230,
7
- minHeight: 230,
7
+ minHeight: 150,
8
8
  borderRadius: 0,
9
9
  background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
10
10
  boxShadow: 'unset',
11
- [theme.breakpoints.up('lg')]: {
12
- margin: theme.spacing(0, -5, 0, -5)
11
+ [theme.breakpoints.up('md')]: {
12
+ borderRadius: theme.spacing(0, 0, 2.5, 2.5)
13
13
  }
14
14
  },
15
15
  '& .SCUserProfileHeader-infops-section': {
@@ -30,7 +30,7 @@ const Component = {
30
30
  width: theme.selfcommunity.user.avatar.sizeXLarge,
31
31
  borderRadius: '50%',
32
32
  border: `#FFF solid ${theme.spacing(0.5)}`,
33
- objectFit: 'cover',
33
+ objectFit: 'cover'
34
34
  },
35
35
  '& .MuiBadge-badge .SCUserAvatar-badge-content': {
36
36
  width: 32,
@@ -695,6 +695,9 @@ declare const theme: {
695
695
  styleOverrides: {
696
696
  root: ({ theme }: any) => {
697
697
  '& .SCCategoryHeader-cover': {
698
+ [x: number]: {
699
+ borderRadius: any;
700
+ };
698
701
  display: string;
699
702
  flexDirection: string;
700
703
  justifyContent: string;
@@ -4179,7 +4182,7 @@ declare const theme: {
4179
4182
  root: ({ theme }: any) => {
4180
4183
  '& .SCUserProfileHeader-cover': {
4181
4184
  [x: number]: {
4182
- margin: any;
4185
+ borderRadius: any;
4183
4186
  };
4184
4187
  position: string;
4185
4188
  height: number;
@@ -4584,6 +4587,7 @@ declare const theme: {
4584
4587
  root: ({ theme }: any) => {
4585
4588
  height: string;
4586
4589
  width: string;
4590
+ borderRadius: number;
4587
4591
  '& .MuiCardContent-root': {
4588
4592
  display: string;
4589
4593
  flexDirection: string;
@@ -5590,10 +5594,6 @@ declare const theme: {
5590
5594
  '& .SCGroupHeader-cover': {
5591
5595
  [x: number]: {
5592
5596
  borderRadius: any;
5593
- margin?: undefined;
5594
- } | {
5595
- margin: any;
5596
- borderRadius?: undefined;
5597
5597
  };
5598
5598
  position: string;
5599
5599
  height: number;
@@ -5936,7 +5936,12 @@ declare const theme: {
5936
5936
  };
5937
5937
  };
5938
5938
  '& .SCBaseItemButton-primary': {
5939
+ display: string;
5940
+ alignItems: string;
5939
5941
  fontWeight: any;
5942
+ '& .SCGroup-icon': {
5943
+ marginLeft: any;
5944
+ };
5940
5945
  };
5941
5946
  '& .SCBaseItemButton-secondary': {
5942
5947
  fontSize: string;
@@ -6004,6 +6009,9 @@ declare const theme: {
6004
6009
  SCGroups: {
6005
6010
  styleOverrides: {
6006
6011
  root: ({ theme }: any) => {
6012
+ '& .MuiGrid-container': {
6013
+ justifyContent: string;
6014
+ };
6007
6015
  '& .SCGroups-filters': {
6008
6016
  marginTop: any;
6009
6017
  marginBottom: any;
@@ -6011,7 +6019,9 @@ declare const theme: {
6011
6019
  '& .SCGroups-groups': {
6012
6020
  marginTop: any;
6013
6021
  '& .SCGroups-item': {
6014
- padding: any;
6022
+ [x: number]: {
6023
+ padding: any;
6024
+ };
6015
6025
  width: string;
6016
6026
  '& > div': {
6017
6027
  cursor: string;