@selfcommunity/react-theme-default 0.1.50-events.83 → 0.1.50-events.85

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 (22) hide show
  1. package/lib/cjs/components/SCEvent.d.ts +1 -0
  2. package/lib/cjs/components/SCEvent.js +2 -1
  3. package/lib/cjs/components/SCEventParticipantsButton.d.ts +1 -0
  4. package/lib/cjs/components/SCEventParticipantsButton.js +1 -0
  5. package/lib/cjs/components/SCEventSubscribeButton.d.ts +20 -6
  6. package/lib/cjs/components/SCEventSubscribeButton.js +11 -3
  7. package/lib/cjs/components/SCOnBoardingWidget.d.ts +16 -3
  8. package/lib/cjs/components/SCOnBoardingWidget.js +21 -8
  9. package/lib/cjs/components/SCSuggestedEventsWidget.js +1 -1
  10. package/lib/cjs/index.d.ts +38 -12
  11. package/lib/esm/components/SCEvent.d.ts +1 -0
  12. package/lib/esm/components/SCEvent.js +2 -1
  13. package/lib/esm/components/SCEventParticipantsButton.d.ts +1 -0
  14. package/lib/esm/components/SCEventParticipantsButton.js +1 -0
  15. package/lib/esm/components/SCEventSubscribeButton.d.ts +20 -6
  16. package/lib/esm/components/SCEventSubscribeButton.js +11 -3
  17. package/lib/esm/components/SCOnBoardingWidget.d.ts +16 -3
  18. package/lib/esm/components/SCOnBoardingWidget.js +21 -8
  19. package/lib/esm/components/SCSuggestedEventsWidget.js +1 -1
  20. package/lib/esm/index.d.ts +38 -12
  21. package/lib/umd/react-theme-default.js +2 -2
  22. package/package.json +4 -4
package/lib/cjs/components/SCEvent.d.ts CHANGED
@@ -51,6 +51,7 @@ declare const Component: {
51
51
  '& .SCEvent-preview-name-wrapper': {
52
52
  textDecoration: string;
53
53
  color: string;
54
+ marginTop: number;
54
55
  };
55
56
  };
56
57
  };
package/lib/cjs/components/SCEvent.js CHANGED
@@ -52,7 +52,8 @@ const Component = {
52
52
  },
53
53
  '& .SCEvent-preview-name-wrapper': {
54
54
  textDecoration: 'none',
55
- color: 'inherit'
55
+ color: 'inherit',
56
+ marginTop: 3
56
57
  }
57
58
  }
58
59
  }),
package/lib/cjs/components/SCEventParticipantsButton.d.ts CHANGED
@@ -5,6 +5,7 @@ declare const Component: {
5
5
  }) => {
6
6
  gap: any;
7
7
  marginTop: string;
8
+ minWidth: string;
8
9
  '&:hover': {
9
10
  backgroundColor: string;
10
11
  };
package/lib/cjs/components/SCEventParticipantsButton.js CHANGED
@@ -5,6 +5,7 @@ const Component = {
5
5
  root: ({ theme }) => ({
6
6
  gap: theme.spacing(1),
7
7
  marginTop: '0 !important',
8
+ minWidth: 'auto',
8
9
  '&:hover': {
9
10
  backgroundColor: 'unset'
10
11
  },
package/lib/cjs/components/SCEventSubscribeButton.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- selectRoot: ({ theme }: any) => {
3
+ selectRoot: ({ theme }: {
4
+ theme: any;
5
+ }) => {
4
6
  backgroundColor: any;
5
7
  justifyContent: string;
6
8
  height: number;
@@ -41,30 +43,42 @@ declare const Component: {
41
43
  };
42
44
  };
43
45
  };
44
- requestRoot: ({ theme }: any) => {};
45
- menuRoot: ({ theme }: any) => {
46
+ requestRoot: ({}: {}) => {};
47
+ menuRoot: ({ theme }: {
48
+ theme: any;
49
+ }) => {
46
50
  '& .MuiPaper-root': {
47
51
  width: number;
48
52
  borderRadius: string;
49
53
  '& .MuiList-root .SCEventSubscribeButton-item': {
50
- justifyContent: string;
51
54
  paddingTop: number;
52
55
  paddingBottom: number;
53
56
  '& .Mui-checked .MuiSvgIcon-root': {
54
57
  color: any;
55
58
  };
59
+ '& > .MuiFormControlLabel-root': {
60
+ width: string;
61
+ marginLeft: number;
62
+ justifyContent: string;
63
+ };
56
64
  };
57
65
  };
58
66
  };
59
- drawerRoot: ({ theme }: any) => {
67
+ drawerRoot: ({ theme }: {
68
+ theme: any;
69
+ }) => {
60
70
  '& .MuiPaper-root': {
61
71
  '& .SCEventSubscribeButton-item': {
62
- justifyContent: string;
63
72
  paddingTop: number;
64
73
  paddingBottom: number;
65
74
  '& .Mui-checked .MuiSvgIcon-root': {
66
75
  color: any;
67
76
  };
77
+ '& > .MuiFormControlLabel-root': {
78
+ width: string;
79
+ marginLeft: number;
80
+ justifyContent: string;
81
+ };
68
82
  };
69
83
  };
70
84
  };
package/lib/cjs/components/SCEventSubscribeButton.js CHANGED
@@ -43,17 +43,21 @@ const Component = {
43
43
  }
44
44
  }
45
45
  }),
46
- requestRoot: ({ theme }) => ({}),
46
+ requestRoot: ({}) => ({}),
47
47
  menuRoot: ({ theme }) => ({
48
48
  '& .MuiPaper-root': {
49
49
  width: 195,
50
50
  borderRadius: '5px',
51
51
  '& .MuiList-root .SCEventSubscribeButton-item': {
52
- justifyContent: 'space-between',
53
52
  paddingTop: 0,
54
53
  paddingBottom: 0,
55
54
  '& .Mui-checked .MuiSvgIcon-root': {
56
55
  color: theme.palette.success.main
56
+ },
57
+ '& > .MuiFormControlLabel-root': {
58
+ width: '100%',
59
+ marginLeft: 0,
60
+ justifyContent: 'space-between'
57
61
  }
58
62
  }
59
63
  }
@@ -61,11 +65,15 @@ const Component = {
61
65
  drawerRoot: ({ theme }) => ({
62
66
  '& .MuiPaper-root': {
63
67
  '& .SCEventSubscribeButton-item': {
64
- justifyContent: 'space-between',
65
68
  paddingTop: 0,
66
69
  paddingBottom: 0,
67
70
  '& .Mui-checked .MuiSvgIcon-root': {
68
71
  color: theme.palette.success.main
72
+ },
73
+ '& > .MuiFormControlLabel-root': {
74
+ width: '100%',
75
+ marginLeft: 0,
76
+ justifyContent: 'space-between'
69
77
  }
70
78
  }
71
79
  }
package/lib/cjs/components/SCOnBoardingWidget.d.ts CHANGED
@@ -224,8 +224,10 @@ declare const Component: {
224
224
  '& h4': {
225
225
  fontWeight: any;
226
226
  };
227
+ padding: any;
227
228
  };
228
229
  '& .MuiTabs-root': {
230
+ padding: any;
229
231
  marginBottom: any;
230
232
  '& .MuiTab-root ': {
231
233
  textTransform: string;
@@ -235,6 +237,8 @@ declare const Component: {
235
237
  [x: number]: {
236
238
  padding: any;
237
239
  };
240
+ display: string;
241
+ flexDirection: string;
238
242
  };
239
243
  '& .SCOnBoardingWidget-appearance-color': {
240
244
  margin: any;
@@ -250,6 +254,7 @@ declare const Component: {
250
254
  height: number;
251
255
  width: number;
252
256
  marginBottom: any;
257
+ objectFit: string;
253
258
  '& img': {
254
259
  width: string;
255
260
  height: string;
@@ -274,9 +279,13 @@ declare const Component: {
274
279
  marginBottom: any;
275
280
  };
276
281
  };
277
- profileDialogRoot: ({ theme }: any) => {
278
- '& .MuiDialog-paperFullScreen': {
279
- padding: any;
282
+ profileDrawerRoot: ({ theme }: any) => {
283
+ '& .MuiDrawer-paper': {
284
+ [x: number]: {
285
+ width: string;
286
+ padding: any;
287
+ };
288
+ width: string;
280
289
  };
281
290
  '& .SCOnBoardingWidget-profile-cover': {
282
291
  [x: number]: {
@@ -289,6 +298,9 @@ declare const Component: {
289
298
  background: string;
290
299
  boxShadow: string;
291
300
  };
301
+ '& .SCOnBoardingWidget-profile-icon': {
302
+ alignSelf: string;
303
+ };
292
304
  '& .SCOnBoardingWidget-profile-avatar': {
293
305
  [x: number]: {
294
306
  top: number;
@@ -330,6 +342,7 @@ declare const Component: {
330
342
  };
331
343
  '& .SCOnBoardingWidget-profile-public-info': {
332
344
  marginTop: any;
345
+ padding: any;
333
346
  '& .SCUserProfileEdit-public-info-root': {
334
347
  display: string;
335
348
  alignItems: string;
package/lib/cjs/components/SCOnBoardingWidget.js CHANGED
@@ -215,8 +215,8 @@ const Component = {
215
215
  '& .MuiDrawer-paper': {
216
216
  width: '100%',
217
217
  [theme.breakpoints.up('sm')]: {
218
- width: '40%',
219
- padding: theme.spacing(2)
218
+ width: 'fit-content',
219
+ padding: theme.spacing(0, 2, 2, 2)
220
220
  }
221
221
  },
222
222
  '& .SCOnBoardingWidget-appearance-drawer-header': {
@@ -225,10 +225,12 @@ const Component = {
225
225
  alignItems: 'center',
226
226
  '& h4': {
227
227
  fontWeight: theme.typography.fontWeightBold
228
- }
228
+ },
229
+ padding: theme.spacing(1)
229
230
  },
230
231
  '& .MuiTabs-root': {
231
- marginBottom: theme.spacing(3),
232
+ padding: theme.spacing(1),
233
+ marginBottom: theme.spacing(2),
232
234
  '& .MuiTab-root ': {
233
235
  textTransform: 'none'
234
236
  }
@@ -236,7 +238,9 @@ const Component = {
236
238
  '& .SCOnBoardingWidget-appearance-drawer-content': {
237
239
  [theme.breakpoints.down('md')]: {
238
240
  padding: theme.spacing(1.5)
239
- }
241
+ },
242
+ display: 'flex',
243
+ flexDirection: 'column'
240
244
  },
241
245
  '& .SCOnBoardingWidget-appearance-color': {
242
246
  margin: theme.spacing(1, 0, 2, 0)
@@ -252,6 +256,7 @@ const Component = {
252
256
  height: 120,
253
257
  width: 240,
254
258
  marginBottom: theme.spacing(2),
259
+ objectFit: 'contain',
255
260
  '& img': {
256
261
  width: '100%',
257
262
  height: 'auto'
@@ -276,9 +281,13 @@ const Component = {
276
281
  marginBottom: theme.spacing(1)
277
282
  }
278
283
  }),
279
- profileDialogRoot: ({ theme }) => ({
280
- '& .MuiDialog-paperFullScreen': {
281
- padding: theme.spacing(2)
284
+ profileDrawerRoot: ({ theme }) => ({
285
+ '& .MuiDrawer-paper': {
286
+ width: '100%',
287
+ [theme.breakpoints.up('sm')]: {
288
+ width: '30%',
289
+ padding: theme.spacing(0, 2, 2, 2)
290
+ }
282
291
  },
283
292
  '& .SCOnBoardingWidget-profile-cover': {
284
293
  position: 'relative',
@@ -291,6 +300,9 @@ const Component = {
291
300
  borderRadius: theme.spacing(0, 0, 2.5, 2.5)
292
301
  }
293
302
  },
303
+ '& .SCOnBoardingWidget-profile-icon': {
304
+ alignSelf: 'end'
305
+ },
294
306
  '& .SCOnBoardingWidget-profile-avatar': {
295
307
  top: 100,
296
308
  [theme.breakpoints.up('sm')]: { top: 150 },
@@ -328,6 +340,7 @@ const Component = {
328
340
  },
329
341
  '& .SCOnBoardingWidget-profile-public-info': {
330
342
  marginTop: theme.spacing(6),
343
+ padding: theme.spacing(2),
331
344
  '& .SCUserProfileEdit-public-info-root': {
332
345
  display: 'flex',
333
346
  alignItems: 'center',
package/lib/cjs/components/SCSuggestedEventsWidget.js CHANGED
@@ -4,7 +4,7 @@ const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
6
  '& .SCSuggestedEventsWidget-content': {
7
- padding: `15px 0 ${theme.spacing(2)} ${theme.spacing(2)}`,
7
+ padding: `15px ${theme.spacing(2, 2)}`,
8
8
  '& .SCSuggestedEventsWidget-title': {
9
9
  marginBottom: '11px'
10
10
  },
package/lib/cjs/index.d.ts CHANGED
@@ -5107,8 +5107,10 @@ declare const theme: {
5107
5107
  '& h4': {
5108
5108
  fontWeight: any;
5109
5109
  };
5110
+ padding: any;
5110
5111
  };
5111
5112
  '& .MuiTabs-root': {
5113
+ padding: any;
5112
5114
  marginBottom: any;
5113
5115
  '& .MuiTab-root ': {
5114
5116
  textTransform: string;
@@ -5118,6 +5120,8 @@ declare const theme: {
5118
5120
  [x: number]: {
5119
5121
  padding: any;
5120
5122
  };
5123
+ display: string;
5124
+ flexDirection: string;
5121
5125
  };
5122
5126
  '& .SCOnBoardingWidget-appearance-color': {
5123
5127
  margin: any;
@@ -5133,6 +5137,7 @@ declare const theme: {
5133
5137
  height: number;
5134
5138
  width: number;
5135
5139
  marginBottom: any;
5140
+ objectFit: string;
5136
5141
  '& img': {
5137
5142
  width: string;
5138
5143
  height: string;
@@ -5157,9 +5162,13 @@ declare const theme: {
5157
5162
  marginBottom: any;
5158
5163
  };
5159
5164
  };
5160
- profileDialogRoot: ({ theme }: any) => {
5161
- '& .MuiDialog-paperFullScreen': {
5162
- padding: any;
5165
+ profileDrawerRoot: ({ theme }: any) => {
5166
+ '& .MuiDrawer-paper': {
5167
+ [x: number]: {
5168
+ width: string;
5169
+ padding: any;
5170
+ };
5171
+ width: string;
5163
5172
  };
5164
5173
  '& .SCOnBoardingWidget-profile-cover': {
5165
5174
  [x: number]: {
@@ -5172,6 +5181,9 @@ declare const theme: {
5172
5181
  background: string;
5173
5182
  boxShadow: string;
5174
5183
  };
5184
+ '& .SCOnBoardingWidget-profile-icon': {
5185
+ alignSelf: string;
5186
+ };
5175
5187
  '& .SCOnBoardingWidget-profile-avatar': {
5176
5188
  [x: number]: {
5177
5189
  top: number;
@@ -5213,6 +5225,7 @@ declare const theme: {
5213
5225
  };
5214
5226
  '& .SCOnBoardingWidget-profile-public-info': {
5215
5227
  marginTop: any;
5228
+ padding: any;
5216
5229
  '& .SCUserProfileEdit-public-info-root': {
5217
5230
  display: string;
5218
5231
  alignItems: string;
@@ -6798,6 +6811,7 @@ declare const theme: {
6798
6811
  '& .SCEvent-preview-name-wrapper': {
6799
6812
  textDecoration: string;
6800
6813
  color: string;
6814
+ marginTop: number;
6801
6815
  };
6802
6816
  };
6803
6817
  };
@@ -7229,7 +7243,9 @@ declare const theme: {
7229
7243
  };
7230
7244
  SCEventSubscribeButton: {
7231
7245
  styleOverrides: {
7232
- selectRoot: ({ theme }: any) => {
7246
+ selectRoot: ({ theme }: {
7247
+ theme: any;
7248
+ }) => {
7233
7249
  backgroundColor: any;
7234
7250
  justifyContent: string;
7235
7251
  height: number;
@@ -7270,30 +7286,42 @@ declare const theme: {
7270
7286
  };
7271
7287
  };
7272
7288
  };
7273
- requestRoot: ({ theme }: any) => {};
7274
- menuRoot: ({ theme }: any) => {
7289
+ requestRoot: ({}: {}) => {};
7290
+ menuRoot: ({ theme }: {
7291
+ theme: any;
7292
+ }) => {
7275
7293
  '& .MuiPaper-root': {
7276
7294
  width: number;
7277
7295
  borderRadius: string;
7278
7296
  '& .MuiList-root .SCEventSubscribeButton-item': {
7279
- justifyContent: string;
7280
7297
  paddingTop: number;
7281
7298
  paddingBottom: number;
7282
7299
  '& .Mui-checked .MuiSvgIcon-root': {
7283
7300
  color: any;
7284
7301
  };
7302
+ '& > .MuiFormControlLabel-root': {
7303
+ width: string;
7304
+ marginLeft: number;
7305
+ justifyContent: string;
7306
+ };
7285
7307
  };
7286
7308
  };
7287
7309
  };
7288
- drawerRoot: ({ theme }: any) => {
7310
+ drawerRoot: ({ theme }: {
7311
+ theme: any;
7312
+ }) => {
7289
7313
  '& .MuiPaper-root': {
7290
7314
  '& .SCEventSubscribeButton-item': {
7291
- justifyContent: string;
7292
7315
  paddingTop: number;
7293
7316
  paddingBottom: number;
7294
7317
  '& .Mui-checked .MuiSvgIcon-root': {
7295
7318
  color: any;
7296
7319
  };
7320
+ '& > .MuiFormControlLabel-root': {
7321
+ width: string;
7322
+ marginLeft: number;
7323
+ justifyContent: string;
7324
+ };
7297
7325
  };
7298
7326
  };
7299
7327
  };
@@ -7304,11 +7332,9 @@ declare const theme: {
7304
7332
  root: ({ theme }: {
7305
7333
  theme: any;
7306
7334
  }) => {
7307
- /**
7308
- * Style fragments - Imports - Start
7309
- */
7310
7335
  gap: any;
7311
7336
  marginTop: string;
7337
+ minWidth: string;
7312
7338
  '&:hover': {
7313
7339
  backgroundColor: string;
7314
7340
  };
package/lib/esm/components/SCEvent.d.ts CHANGED
@@ -51,6 +51,7 @@ declare const Component: {
51
51
  '& .SCEvent-preview-name-wrapper': {
52
52
  textDecoration: string;
53
53
  color: string;
54
+ marginTop: number;
54
55
  };
55
56
  };
56
57
  };
package/lib/esm/components/SCEvent.js CHANGED
@@ -50,7 +50,8 @@ const Component = {
50
50
  },
51
51
  '& .SCEvent-preview-name-wrapper': {
52
52
  textDecoration: 'none',
53
- color: 'inherit'
53
+ color: 'inherit',
54
+ marginTop: 3
54
55
  }
55
56
  }
56
57
  }),
package/lib/esm/components/SCEventParticipantsButton.d.ts CHANGED
@@ -5,6 +5,7 @@ declare const Component: {
5
5
  }) => {
6
6
  gap: any;
7
7
  marginTop: string;
8
+ minWidth: string;
8
9
  '&:hover': {
9
10
  backgroundColor: string;
10
11
  };
package/lib/esm/components/SCEventParticipantsButton.js CHANGED
@@ -3,6 +3,7 @@ const Component = {
3
3
  root: ({ theme }) => ({
4
4
  gap: theme.spacing(1),
5
5
  marginTop: '0 !important',
6
+ minWidth: 'auto',
6
7
  '&:hover': {
7
8
  backgroundColor: 'unset'
8
9
  },
package/lib/esm/components/SCEventSubscribeButton.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- selectRoot: ({ theme }: any) => {
3
+ selectRoot: ({ theme }: {
4
+ theme: any;
5
+ }) => {
4
6
  backgroundColor: any;
5
7
  justifyContent: string;
6
8
  height: number;
@@ -41,30 +43,42 @@ declare const Component: {
41
43
  };
42
44
  };
43
45
  };
44
- requestRoot: ({ theme }: any) => {};
45
- menuRoot: ({ theme }: any) => {
46
+ requestRoot: ({}: {}) => {};
47
+ menuRoot: ({ theme }: {
48
+ theme: any;
49
+ }) => {
46
50
  '& .MuiPaper-root': {
47
51
  width: number;
48
52
  borderRadius: string;
49
53
  '& .MuiList-root .SCEventSubscribeButton-item': {
50
- justifyContent: string;
51
54
  paddingTop: number;
52
55
  paddingBottom: number;
53
56
  '& .Mui-checked .MuiSvgIcon-root': {
54
57
  color: any;
55
58
  };
59
+ '& > .MuiFormControlLabel-root': {
60
+ width: string;
61
+ marginLeft: number;
62
+ justifyContent: string;
63
+ };
56
64
  };
57
65
  };
58
66
  };
59
- drawerRoot: ({ theme }: any) => {
67
+ drawerRoot: ({ theme }: {
68
+ theme: any;
69
+ }) => {
60
70
  '& .MuiPaper-root': {
61
71
  '& .SCEventSubscribeButton-item': {
62
- justifyContent: string;
63
72
  paddingTop: number;
64
73
  paddingBottom: number;
65
74
  '& .Mui-checked .MuiSvgIcon-root': {
66
75
  color: any;
67
76
  };
77
+ '& > .MuiFormControlLabel-root': {
78
+ width: string;
79
+ marginLeft: number;
80
+ justifyContent: string;
81
+ };
68
82
  };
69
83
  };
70
84
  };
package/lib/esm/components/SCEventSubscribeButton.js CHANGED
@@ -41,17 +41,21 @@ const Component = {
41
41
  }
42
42
  }
43
43
  }),
44
- requestRoot: ({ theme }) => ({}),
44
+ requestRoot: ({}) => ({}),
45
45
  menuRoot: ({ theme }) => ({
46
46
  '& .MuiPaper-root': {
47
47
  width: 195,
48
48
  borderRadius: '5px',
49
49
  '& .MuiList-root .SCEventSubscribeButton-item': {
50
- justifyContent: 'space-between',
51
50
  paddingTop: 0,
52
51
  paddingBottom: 0,
53
52
  '& .Mui-checked .MuiSvgIcon-root': {
54
53
  color: theme.palette.success.main
54
+ },
55
+ '& > .MuiFormControlLabel-root': {
56
+ width: '100%',
57
+ marginLeft: 0,
58
+ justifyContent: 'space-between'
55
59
  }
56
60
  }
57
61
  }
@@ -59,11 +63,15 @@ const Component = {
59
63
  drawerRoot: ({ theme }) => ({
60
64
  '& .MuiPaper-root': {
61
65
  '& .SCEventSubscribeButton-item': {
62
- justifyContent: 'space-between',
63
66
  paddingTop: 0,
64
67
  paddingBottom: 0,
65
68
  '& .Mui-checked .MuiSvgIcon-root': {
66
69
  color: theme.palette.success.main
70
+ },
71
+ '& > .MuiFormControlLabel-root': {
72
+ width: '100%',
73
+ marginLeft: 0,
74
+ justifyContent: 'space-between'
67
75
  }
68
76
  }
69
77
  }
package/lib/esm/components/SCOnBoardingWidget.d.ts CHANGED
@@ -224,8 +224,10 @@ declare const Component: {
224
224
  '& h4': {
225
225
  fontWeight: any;
226
226
  };
227
+ padding: any;
227
228
  };
228
229
  '& .MuiTabs-root': {
230
+ padding: any;
229
231
  marginBottom: any;
230
232
  '& .MuiTab-root ': {
231
233
  textTransform: string;
@@ -235,6 +237,8 @@ declare const Component: {
235
237
  [x: number]: {
236
238
  padding: any;
237
239
  };
240
+ display: string;
241
+ flexDirection: string;
238
242
  };
239
243
  '& .SCOnBoardingWidget-appearance-color': {
240
244
  margin: any;
@@ -250,6 +254,7 @@ declare const Component: {
250
254
  height: number;
251
255
  width: number;
252
256
  marginBottom: any;
257
+ objectFit: string;
253
258
  '& img': {
254
259
  width: string;
255
260
  height: string;
@@ -274,9 +279,13 @@ declare const Component: {
274
279
  marginBottom: any;
275
280
  };
276
281
  };
277
- profileDialogRoot: ({ theme }: any) => {
278
- '& .MuiDialog-paperFullScreen': {
279
- padding: any;
282
+ profileDrawerRoot: ({ theme }: any) => {
283
+ '& .MuiDrawer-paper': {
284
+ [x: number]: {
285
+ width: string;
286
+ padding: any;
287
+ };
288
+ width: string;
280
289
  };
281
290
  '& .SCOnBoardingWidget-profile-cover': {
282
291
  [x: number]: {
@@ -289,6 +298,9 @@ declare const Component: {
289
298
  background: string;
290
299
  boxShadow: string;
291
300
  };
301
+ '& .SCOnBoardingWidget-profile-icon': {
302
+ alignSelf: string;
303
+ };
292
304
  '& .SCOnBoardingWidget-profile-avatar': {
293
305
  [x: number]: {
294
306
  top: number;
@@ -330,6 +342,7 @@ declare const Component: {
330
342
  };
331
343
  '& .SCOnBoardingWidget-profile-public-info': {
332
344
  marginTop: any;
345
+ padding: any;
333
346
  '& .SCUserProfileEdit-public-info-root': {
334
347
  display: string;
335
348
  alignItems: string;