@selfcommunity/react-theme-default 0.1.0-alpha.321 → 0.1.0-alpha.323

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
  }
@@ -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;
@@ -4798,9 +4798,10 @@ declare const theme: {
4798
4798
  width: string;
4799
4799
  };
4800
4800
  '& .MuiButtonBase-root': {
4801
+ flexWrap: string;
4801
4802
  width: string;
4802
4803
  position: string;
4803
- bottom: string;
4804
+ bottom: any;
4804
4805
  backgroundColor: string;
4805
4806
  color: string;
4806
4807
  display: string;
@@ -4816,11 +4817,17 @@ declare const theme: {
4816
4817
  '& .SCPrivateMessageThreadItem-other': {
4817
4818
  marginTop: any;
4818
4819
  '& .MuiButtonBase-root': {
4820
+ padding: any;
4821
+ flexWrap: string;
4819
4822
  '& .MuiTypography-root': {
4820
- whiteSpace: string;
4823
+ [x: number]: {
4824
+ fontSize: any;
4825
+ };
4826
+ marginRight: any;
4821
4827
  overflow: string;
4828
+ whiteSpace: string;
4822
4829
  textOverflow: string;
4823
- marginLeft: any;
4830
+ maxWidth: string;
4824
4831
  };
4825
4832
  };
4826
4833
  };
@@ -5463,6 +5470,24 @@ declare const theme: {
5463
5470
  };
5464
5471
  };
5465
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
+ };
5466
5491
  };
5467
5492
  selfcommunity: {
5468
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
  }
@@ -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;
@@ -4798,9 +4798,10 @@ declare const theme: {
4798
4798
  width: string;
4799
4799
  };
4800
4800
  '& .MuiButtonBase-root': {
4801
+ flexWrap: string;
4801
4802
  width: string;
4802
4803
  position: string;
4803
- bottom: string;
4804
+ bottom: any;
4804
4805
  backgroundColor: string;
4805
4806
  color: string;
4806
4807
  display: string;
@@ -4816,11 +4817,17 @@ declare const theme: {
4816
4817
  '& .SCPrivateMessageThreadItem-other': {
4817
4818
  marginTop: any;
4818
4819
  '& .MuiButtonBase-root': {
4820
+ padding: any;
4821
+ flexWrap: string;
4819
4822
  '& .MuiTypography-root': {
4820
- whiteSpace: string;
4823
+ [x: number]: {
4824
+ fontSize: any;
4825
+ };
4826
+ marginRight: any;
4821
4827
  overflow: string;
4828
+ whiteSpace: string;
4822
4829
  textOverflow: string;
4823
- marginLeft: any;
4830
+ maxWidth: string;
4824
4831
  };
4825
4832
  };
4826
4833
  };
@@ -5463,6 +5470,24 @@ declare const theme: {
5463
5470
  };
5464
5471
  };
5465
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
+ };
5466
5491
  };
5467
5492
  selfcommunity: {
5468
5493
  user: {
package/lib/esm/index.js CHANGED
@@ -114,6 +114,7 @@ import SCMainFeedTemplate from './components/SCMainFeedTemplate';
114
114
  import SCNotificationFeedTemplate from './components/SCNotificationFeedTemplate';
115
115
  import SCUserFeedTemplate from './components/SCUserFeedTemplate';
116
116
  import SCChangeCoverButton from './components/SCChangeCoverButton';
117
+ import SCPrivateMessageSettingsIconButton from './components/SCPrivateMessageSettingsIconButton';
117
118
  /**
118
119
  * Style fragments - Imports - End
119
120
  */
@@ -272,7 +273,8 @@ const theme = {
272
273
  SCMainFeedTemplate,
273
274
  SCNotificationFeedTemplate,
274
275
  SCUserFeedTemplate,
275
- SCChangeCoverButton
276
+ SCChangeCoverButton,
277
+ SCPrivateMessageSettingsIconButton
276
278
  },
277
279
  selfcommunity: {
278
280
  user: {