@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.
@@ -213,8 +213,8 @@ const Component = {
213
213
  '& .MuiDrawer-paper': {
214
214
  width: '100%',
215
215
  [theme.breakpoints.up('sm')]: {
216
- width: '40%',
217
- padding: theme.spacing(2)
216
+ width: 'fit-content',
217
+ padding: theme.spacing(0, 2, 2, 2)
218
218
  }
219
219
  },
220
220
  '& .SCOnBoardingWidget-appearance-drawer-header': {
@@ -223,10 +223,12 @@ const Component = {
223
223
  alignItems: 'center',
224
224
  '& h4': {
225
225
  fontWeight: theme.typography.fontWeightBold
226
- }
226
+ },
227
+ padding: theme.spacing(1)
227
228
  },
228
229
  '& .MuiTabs-root': {
229
- marginBottom: theme.spacing(3),
230
+ padding: theme.spacing(1),
231
+ marginBottom: theme.spacing(2),
230
232
  '& .MuiTab-root ': {
231
233
  textTransform: 'none'
232
234
  }
@@ -234,7 +236,9 @@ const Component = {
234
236
  '& .SCOnBoardingWidget-appearance-drawer-content': {
235
237
  [theme.breakpoints.down('md')]: {
236
238
  padding: theme.spacing(1.5)
237
- }
239
+ },
240
+ display: 'flex',
241
+ flexDirection: 'column'
238
242
  },
239
243
  '& .SCOnBoardingWidget-appearance-color': {
240
244
  margin: theme.spacing(1, 0, 2, 0)
@@ -250,6 +254,7 @@ const Component = {
250
254
  height: 120,
251
255
  width: 240,
252
256
  marginBottom: theme.spacing(2),
257
+ objectFit: 'contain',
253
258
  '& img': {
254
259
  width: '100%',
255
260
  height: 'auto'
@@ -274,9 +279,13 @@ const Component = {
274
279
  marginBottom: theme.spacing(1)
275
280
  }
276
281
  }),
277
- profileDialogRoot: ({ theme }) => ({
278
- '& .MuiDialog-paperFullScreen': {
279
- padding: theme.spacing(2)
282
+ profileDrawerRoot: ({ theme }) => ({
283
+ '& .MuiDrawer-paper': {
284
+ width: '100%',
285
+ [theme.breakpoints.up('sm')]: {
286
+ width: '30%',
287
+ padding: theme.spacing(0, 2, 2, 2)
288
+ }
280
289
  },
281
290
  '& .SCOnBoardingWidget-profile-cover': {
282
291
  position: 'relative',
@@ -289,6 +298,9 @@ const Component = {
289
298
  borderRadius: theme.spacing(0, 0, 2.5, 2.5)
290
299
  }
291
300
  },
301
+ '& .SCOnBoardingWidget-profile-icon': {
302
+ alignSelf: 'end'
303
+ },
292
304
  '& .SCOnBoardingWidget-profile-avatar': {
293
305
  top: 100,
294
306
  [theme.breakpoints.up('sm')]: { top: 150 },
@@ -326,6 +338,7 @@ const Component = {
326
338
  },
327
339
  '& .SCOnBoardingWidget-profile-public-info': {
328
340
  marginTop: theme.spacing(6),
341
+ padding: theme.spacing(2),
329
342
  '& .SCUserProfileEdit-public-info-root': {
330
343
  display: 'flex',
331
344
  alignItems: 'center',
@@ -2,7 +2,7 @@ const Component = {
2
2
  styleOverrides: {
3
3
  root: ({ theme }) => ({
4
4
  '& .SCSuggestedEventsWidget-content': {
5
- padding: `15px 0 ${theme.spacing(2)} ${theme.spacing(2)}`,
5
+ padding: `15px ${theme.spacing(2, 2)}`,
6
6
  '& .SCSuggestedEventsWidget-title': {
7
7
  marginBottom: '11px'
8
8
  },
@@ -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
  };