@selfcommunity/react-theme-default 0.1.0-alpha.320 → 0.1.0-alpha.322

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.
@@ -1,9 +1,6 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
- [x: number]: {
5
- marginTop: any;
6
- };
7
4
  marginTop: number;
8
5
  '& .SCCategoryTemplate-feed': {
9
6
  marginTop: any;
@@ -4,9 +4,6 @@ const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
6
  marginTop: 0,
7
- [theme.breakpoints.up('md')]: {
8
- marginTop: theme.spacing(4)
9
- },
10
7
  '& .SCCategoryTemplate-feed': {
11
8
  marginTop: theme.spacing(2)
12
9
  }
@@ -1,11 +1,19 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
+ root: ({ theme }: any) => {};
3
4
  menuRoot: ({ theme }: any) => {
4
5
  '& .SCNavigationSettingsIconButton-paper': {
5
6
  maxWidth: number;
6
7
  padding: any;
7
8
  };
8
9
  };
10
+ drawerRoot: ({ theme }: any) => {
11
+ '& .MuiList-root': {
12
+ '& a': {
13
+ color: string;
14
+ };
15
+ };
16
+ };
9
17
  };
10
18
  };
11
19
  export default Component;
@@ -2,11 +2,19 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
+ root: ({ theme }) => ({}),
5
6
  menuRoot: ({ theme }) => ({
6
7
  '& .SCNavigationSettingsIconButton-paper': {
7
8
  maxWidth: 400,
8
9
  padding: theme.spacing(2)
9
10
  }
11
+ }),
12
+ drawerRoot: ({ theme }) => ({
13
+ '& .MuiList-root': {
14
+ '& a': {
15
+ color: 'inherit'
16
+ }
17
+ }
10
18
  })
11
19
  }
12
20
  };
@@ -80,9 +80,10 @@ declare const Component: {
80
80
  width: string;
81
81
  };
82
82
  '& .MuiButtonBase-root': {
83
+ flexWrap: string;
83
84
  width: string;
84
85
  position: string;
85
- bottom: string;
86
+ bottom: any;
86
87
  backgroundColor: string;
87
88
  color: string;
88
89
  display: string;
@@ -98,11 +99,17 @@ declare const Component: {
98
99
  '& .SCPrivateMessageThreadItem-other': {
99
100
  marginTop: any;
100
101
  '& .MuiButtonBase-root': {
102
+ padding: any;
103
+ flexWrap: string;
101
104
  '& .MuiTypography-root': {
102
- whiteSpace: string;
105
+ [x: number]: {
106
+ fontSize: any;
107
+ };
108
+ marginRight: any;
103
109
  overflow: string;
110
+ whiteSpace: string;
104
111
  textOverflow: string;
105
- marginLeft: any;
112
+ maxWidth: string;
106
113
  };
107
114
  };
108
115
  };
@@ -82,9 +82,10 @@ const Component = {
82
82
  width: '100%'
83
83
  },
84
84
  '& .MuiButtonBase-root': {
85
- width: 'inherit',
85
+ flexWrap: 'wrap',
86
+ width: 'calc(100% - 24px)',
86
87
  position: 'absolute',
87
- bottom: '10%',
88
+ bottom: theme.spacing(4),
88
89
  backgroundColor: 'rgba(0,0,0,0.5)',
89
90
  color: 'rgba(255,255,255,0.9)',
90
91
  display: 'flex',
@@ -100,11 +101,17 @@ const Component = {
100
101
  '& .SCPrivateMessageThreadItem-other': {
101
102
  marginTop: theme.spacing(2),
102
103
  '& .MuiButtonBase-root': {
104
+ padding: theme.spacing(2, 1, 0, 1),
105
+ flexWrap: 'wrap',
103
106
  '& .MuiTypography-root': {
104
- whiteSpace: 'nowrap',
107
+ marginRight: theme.spacing(1),
105
108
  overflow: 'hidden',
109
+ whiteSpace: 'nowrap',
106
110
  textOverflow: 'ellipsis',
107
- marginLeft: theme.spacing(0.5)
111
+ maxWidth: '100%',
112
+ [theme.breakpoints.down('md')]: {
113
+ fontSize: theme.typography.fontSize
114
+ }
108
115
  }
109
116
  }
110
117
  }
@@ -63,6 +63,11 @@ declare const Component: {
63
63
  };
64
64
  skeletonRoot: ({ theme }: any) => {
65
65
  position: string;
66
+ '& .SCUserProfileHeader-cover': {
67
+ [x: number]: {
68
+ margin: any;
69
+ };
70
+ };
66
71
  '& .SCUserProfileHeader-avatar': {
67
72
  display: string;
68
73
  position: string;
@@ -72,12 +77,23 @@ declare const Component: {
72
77
  border: string;
73
78
  };
74
79
  };
75
- '& .SCUserProfileHeader-username': {
76
- marginTop: number;
77
- textAlign: string;
78
- "& .MuiSkeleton-root": {
79
- position: string;
80
- marginLeft: any;
80
+ '& .SCUserProfileHeader-section': {
81
+ display: string;
82
+ justifyContent: string;
83
+ '& .SCUserProfileHeader-username': {
84
+ marginTop: number;
85
+ textAlign: string;
86
+ "& .MuiSkeleton-root": {
87
+ position: string;
88
+ marginLeft: any;
89
+ };
90
+ };
91
+ '& .SCUserProfileHeader-actions': {
92
+ [x: number]: {
93
+ margin: any;
94
+ };
95
+ height: string;
96
+ marginTop: any;
81
97
  };
82
98
  };
83
99
  };
@@ -65,6 +65,11 @@ const Component = {
65
65
  }),
66
66
  skeletonRoot: ({ theme }) => ({
67
67
  position: 'relative',
68
+ '& .SCUserProfileHeader-cover': {
69
+ [theme.breakpoints.up('lg')]: {
70
+ margin: theme.spacing(0, -5, 0, -5)
71
+ }
72
+ },
68
73
  '& .SCUserProfileHeader-avatar': {
69
74
  display: 'block',
70
75
  position: 'absolute',
@@ -74,12 +79,23 @@ const Component = {
74
79
  border: '#FFF solid 5px'
75
80
  }
76
81
  },
77
- '& .SCUserProfileHeader-username': {
78
- marginTop: 80,
79
- textAlign: 'start',
80
- [`& .MuiSkeleton-root`]: {
81
- position: 'absolute',
82
- marginLeft: theme.spacing(4)
82
+ '& .SCUserProfileHeader-section': {
83
+ display: 'flex',
84
+ justifyContent: 'space-between',
85
+ '& .SCUserProfileHeader-username': {
86
+ marginTop: 60,
87
+ textAlign: 'start',
88
+ [`& .MuiSkeleton-root`]: {
89
+ position: 'absolute',
90
+ marginLeft: theme.spacing(4)
91
+ }
92
+ },
93
+ '& .SCUserProfileHeader-actions': {
94
+ [theme.breakpoints.up('md')]: {
95
+ margin: theme.spacing(1, 2, 2, 2)
96
+ },
97
+ height: 'fit-content',
98
+ marginTop: theme.spacing(1)
83
99
  }
84
100
  }
85
101
  })
@@ -30,9 +30,7 @@ declare const Component: {
30
30
  marginTop: any;
31
31
  };
32
32
  };
33
- skeletonRoot: ({ theme }: any) => {
34
- marginTop: any;
35
- };
33
+ skeletonRoot: ({ theme }: any) => {};
36
34
  };
37
35
  };
38
36
  export default Component;
@@ -32,9 +32,7 @@ const Component = {
32
32
  marginTop: theme.spacing(1)
33
33
  }
34
34
  }),
35
- skeletonRoot: ({ theme }) => ({
36
- marginTop: theme.spacing(2)
37
- })
35
+ skeletonRoot: ({ theme }) => ({})
38
36
  }
39
37
  };
40
38
  exports.default = Component;
@@ -728,9 +728,6 @@ declare const theme: {
728
728
  SCCategoryTemplate: {
729
729
  styleOverrides: {
730
730
  root: ({ theme }: any) => {
731
- [x: number]: {
732
- marginTop: any;
733
- };
734
731
  marginTop: number;
735
732
  '& .SCCategoryTemplate-feed': {
736
733
  marginTop: any;
@@ -1592,6 +1589,9 @@ declare const theme: {
1592
1589
  '& .MuiButtonBase-root': {
1593
1590
  margin: any;
1594
1591
  padding: any;
1592
+ /**
1593
+ * Style fragments - Imports - End
1594
+ */
1595
1595
  fontSize: string;
1596
1596
  border: number;
1597
1597
  borderRadius: number;
@@ -4170,6 +4170,11 @@ declare const theme: {
4170
4170
  };
4171
4171
  skeletonRoot: ({ theme }: any) => {
4172
4172
  position: string;
4173
+ '& .SCUserProfileHeader-cover': {
4174
+ [x: number]: {
4175
+ margin: any;
4176
+ };
4177
+ };
4173
4178
  '& .SCUserProfileHeader-avatar': {
4174
4179
  display: string;
4175
4180
  position: string;
@@ -4179,12 +4184,23 @@ declare const theme: {
4179
4184
  border: string;
4180
4185
  };
4181
4186
  };
4182
- '& .SCUserProfileHeader-username': {
4183
- marginTop: number;
4184
- textAlign: string;
4185
- "& .MuiSkeleton-root": {
4186
- position: string;
4187
- marginLeft: any;
4187
+ '& .SCUserProfileHeader-section': {
4188
+ display: string;
4189
+ justifyContent: string;
4190
+ '& .SCUserProfileHeader-username': {
4191
+ marginTop: number;
4192
+ textAlign: string;
4193
+ "& .MuiSkeleton-root": {
4194
+ position: string;
4195
+ marginLeft: any;
4196
+ };
4197
+ };
4198
+ '& .SCUserProfileHeader-actions': {
4199
+ [x: number]: {
4200
+ margin: any;
4201
+ };
4202
+ height: string;
4203
+ marginTop: any;
4188
4204
  };
4189
4205
  };
4190
4206
  };
@@ -4291,9 +4307,7 @@ declare const theme: {
4291
4307
  marginTop: any;
4292
4308
  };
4293
4309
  };
4294
- skeletonRoot: ({ theme }: any) => {
4295
- marginTop: any;
4296
- };
4310
+ skeletonRoot: ({ theme }: any) => {};
4297
4311
  };
4298
4312
  };
4299
4313
  SCVoteButton: {
@@ -4784,9 +4798,10 @@ declare const theme: {
4784
4798
  width: string;
4785
4799
  };
4786
4800
  '& .MuiButtonBase-root': {
4801
+ flexWrap: string;
4787
4802
  width: string;
4788
4803
  position: string;
4789
- bottom: string;
4804
+ bottom: any;
4790
4805
  backgroundColor: string;
4791
4806
  color: string;
4792
4807
  display: string;
@@ -4802,11 +4817,17 @@ declare const theme: {
4802
4817
  '& .SCPrivateMessageThreadItem-other': {
4803
4818
  marginTop: any;
4804
4819
  '& .MuiButtonBase-root': {
4820
+ padding: any;
4821
+ flexWrap: string;
4805
4822
  '& .MuiTypography-root': {
4806
- whiteSpace: string;
4823
+ [x: number]: {
4824
+ fontSize: any;
4825
+ };
4826
+ marginRight: any;
4807
4827
  overflow: string;
4828
+ whiteSpace: string;
4808
4829
  textOverflow: string;
4809
- marginLeft: any;
4830
+ maxWidth: string;
4810
4831
  };
4811
4832
  };
4812
4833
  };
@@ -5449,6 +5470,24 @@ declare const theme: {
5449
5470
  };
5450
5471
  };
5451
5472
  };
5473
+ SCPrivateMessageSettingsIconButton: {
5474
+ styleOverrides: {
5475
+ root: ({ theme }: any) => {};
5476
+ menuRoot: ({ theme }: any) => {
5477
+ '& .SCNavigationSettingsIconButton-paper': {
5478
+ maxWidth: number;
5479
+ padding: any;
5480
+ };
5481
+ };
5482
+ drawerRoot: ({ theme }: any) => {
5483
+ '& .MuiList-root': {
5484
+ '& a': {
5485
+ color: string;
5486
+ };
5487
+ };
5488
+ };
5489
+ };
5490
+ };
5452
5491
  };
5453
5492
  selfcommunity: {
5454
5493
  user: {
package/lib/cjs/index.js CHANGED
@@ -117,6 +117,7 @@ const SCMainFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCMai
117
117
  const SCNotificationFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCNotificationFeedTemplate"));
118
118
  const SCUserFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCUserFeedTemplate"));
119
119
  const SCChangeCoverButton_1 = tslib_1.__importDefault(require("./components/SCChangeCoverButton"));
120
+ const SCPrivateMessageSettingsIconButton_1 = tslib_1.__importDefault(require("./components/SCPrivateMessageSettingsIconButton"));
120
121
  /**
121
122
  * Style fragments - Imports - End
122
123
  */
@@ -275,7 +276,8 @@ const theme = {
275
276
  SCMainFeedTemplate: SCMainFeedTemplate_1.default,
276
277
  SCNotificationFeedTemplate: SCNotificationFeedTemplate_1.default,
277
278
  SCUserFeedTemplate: SCUserFeedTemplate_1.default,
278
- SCChangeCoverButton: SCChangeCoverButton_1.default
279
+ SCChangeCoverButton: SCChangeCoverButton_1.default,
280
+ SCPrivateMessageSettingsIconButton: SCPrivateMessageSettingsIconButton_1.default
279
281
  },
280
282
  selfcommunity: {
281
283
  user: {
@@ -1,9 +1,6 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
- [x: number]: {
5
- marginTop: any;
6
- };
7
4
  marginTop: number;
8
5
  '& .SCCategoryTemplate-feed': {
9
6
  marginTop: any;
@@ -2,9 +2,6 @@ const Component = {
2
2
  styleOverrides: {
3
3
  root: ({ theme }) => ({
4
4
  marginTop: 0,
5
- [theme.breakpoints.up('md')]: {
6
- marginTop: theme.spacing(4)
7
- },
8
5
  '& .SCCategoryTemplate-feed': {
9
6
  marginTop: theme.spacing(2)
10
7
  }
@@ -1,11 +1,19 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
+ root: ({ theme }: any) => {};
3
4
  menuRoot: ({ theme }: any) => {
4
5
  '& .SCNavigationSettingsIconButton-paper': {
5
6
  maxWidth: number;
6
7
  padding: any;
7
8
  };
8
9
  };
10
+ drawerRoot: ({ theme }: any) => {
11
+ '& .MuiList-root': {
12
+ '& a': {
13
+ color: string;
14
+ };
15
+ };
16
+ };
9
17
  };
10
18
  };
11
19
  export default Component;
@@ -1,10 +1,18 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
+ root: ({ theme }) => ({}),
3
4
  menuRoot: ({ theme }) => ({
4
5
  '& .SCNavigationSettingsIconButton-paper': {
5
6
  maxWidth: 400,
6
7
  padding: theme.spacing(2)
7
8
  }
9
+ }),
10
+ drawerRoot: ({ theme }) => ({
11
+ '& .MuiList-root': {
12
+ '& a': {
13
+ color: 'inherit'
14
+ }
15
+ }
8
16
  })
9
17
  }
10
18
  };
@@ -80,9 +80,10 @@ declare const Component: {
80
80
  width: string;
81
81
  };
82
82
  '& .MuiButtonBase-root': {
83
+ flexWrap: string;
83
84
  width: string;
84
85
  position: string;
85
- bottom: string;
86
+ bottom: any;
86
87
  backgroundColor: string;
87
88
  color: string;
88
89
  display: string;
@@ -98,11 +99,17 @@ declare const Component: {
98
99
  '& .SCPrivateMessageThreadItem-other': {
99
100
  marginTop: any;
100
101
  '& .MuiButtonBase-root': {
102
+ padding: any;
103
+ flexWrap: string;
101
104
  '& .MuiTypography-root': {
102
- whiteSpace: string;
105
+ [x: number]: {
106
+ fontSize: any;
107
+ };
108
+ marginRight: any;
103
109
  overflow: string;
110
+ whiteSpace: string;
104
111
  textOverflow: string;
105
- marginLeft: any;
112
+ maxWidth: string;
106
113
  };
107
114
  };
108
115
  };
@@ -80,9 +80,10 @@ const Component = {
80
80
  width: '100%'
81
81
  },
82
82
  '& .MuiButtonBase-root': {
83
- width: 'inherit',
83
+ flexWrap: 'wrap',
84
+ width: 'calc(100% - 24px)',
84
85
  position: 'absolute',
85
- bottom: '10%',
86
+ bottom: theme.spacing(4),
86
87
  backgroundColor: 'rgba(0,0,0,0.5)',
87
88
  color: 'rgba(255,255,255,0.9)',
88
89
  display: 'flex',
@@ -98,11 +99,17 @@ const Component = {
98
99
  '& .SCPrivateMessageThreadItem-other': {
99
100
  marginTop: theme.spacing(2),
100
101
  '& .MuiButtonBase-root': {
102
+ padding: theme.spacing(2, 1, 0, 1),
103
+ flexWrap: 'wrap',
101
104
  '& .MuiTypography-root': {
102
- whiteSpace: 'nowrap',
105
+ marginRight: theme.spacing(1),
103
106
  overflow: 'hidden',
107
+ whiteSpace: 'nowrap',
104
108
  textOverflow: 'ellipsis',
105
- marginLeft: theme.spacing(0.5)
109
+ maxWidth: '100%',
110
+ [theme.breakpoints.down('md')]: {
111
+ fontSize: theme.typography.fontSize
112
+ }
106
113
  }
107
114
  }
108
115
  }
@@ -63,6 +63,11 @@ declare const Component: {
63
63
  };
64
64
  skeletonRoot: ({ theme }: any) => {
65
65
  position: string;
66
+ '& .SCUserProfileHeader-cover': {
67
+ [x: number]: {
68
+ margin: any;
69
+ };
70
+ };
66
71
  '& .SCUserProfileHeader-avatar': {
67
72
  display: string;
68
73
  position: string;
@@ -72,12 +77,23 @@ declare const Component: {
72
77
  border: string;
73
78
  };
74
79
  };
75
- '& .SCUserProfileHeader-username': {
76
- marginTop: number;
77
- textAlign: string;
78
- "& .MuiSkeleton-root": {
79
- position: string;
80
- marginLeft: any;
80
+ '& .SCUserProfileHeader-section': {
81
+ display: string;
82
+ justifyContent: string;
83
+ '& .SCUserProfileHeader-username': {
84
+ marginTop: number;
85
+ textAlign: string;
86
+ "& .MuiSkeleton-root": {
87
+ position: string;
88
+ marginLeft: any;
89
+ };
90
+ };
91
+ '& .SCUserProfileHeader-actions': {
92
+ [x: number]: {
93
+ margin: any;
94
+ };
95
+ height: string;
96
+ marginTop: any;
81
97
  };
82
98
  };
83
99
  };
@@ -63,6 +63,11 @@ const Component = {
63
63
  }),
64
64
  skeletonRoot: ({ theme }) => ({
65
65
  position: 'relative',
66
+ '& .SCUserProfileHeader-cover': {
67
+ [theme.breakpoints.up('lg')]: {
68
+ margin: theme.spacing(0, -5, 0, -5)
69
+ }
70
+ },
66
71
  '& .SCUserProfileHeader-avatar': {
67
72
  display: 'block',
68
73
  position: 'absolute',
@@ -72,12 +77,23 @@ const Component = {
72
77
  border: '#FFF solid 5px'
73
78
  }
74
79
  },
75
- '& .SCUserProfileHeader-username': {
76
- marginTop: 80,
77
- textAlign: 'start',
78
- [`& .MuiSkeleton-root`]: {
79
- position: 'absolute',
80
- marginLeft: theme.spacing(4)
80
+ '& .SCUserProfileHeader-section': {
81
+ display: 'flex',
82
+ justifyContent: 'space-between',
83
+ '& .SCUserProfileHeader-username': {
84
+ marginTop: 60,
85
+ textAlign: 'start',
86
+ [`& .MuiSkeleton-root`]: {
87
+ position: 'absolute',
88
+ marginLeft: theme.spacing(4)
89
+ }
90
+ },
91
+ '& .SCUserProfileHeader-actions': {
92
+ [theme.breakpoints.up('md')]: {
93
+ margin: theme.spacing(1, 2, 2, 2)
94
+ },
95
+ height: 'fit-content',
96
+ marginTop: theme.spacing(1)
81
97
  }
82
98
  }
83
99
  })
@@ -30,9 +30,7 @@ declare const Component: {
30
30
  marginTop: any;
31
31
  };
32
32
  };
33
- skeletonRoot: ({ theme }: any) => {
34
- marginTop: any;
35
- };
33
+ skeletonRoot: ({ theme }: any) => {};
36
34
  };
37
35
  };
38
36
  export default Component;
@@ -30,9 +30,7 @@ const Component = {
30
30
  marginTop: theme.spacing(1)
31
31
  }
32
32
  }),
33
- skeletonRoot: ({ theme }) => ({
34
- marginTop: theme.spacing(2)
35
- })
33
+ skeletonRoot: ({ theme }) => ({})
36
34
  }
37
35
  };
38
36
  export default Component;