@selfcommunity/react-theme-default 1.2.5-alpha.1 → 1.2.5-alpha.3

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.
@@ -193,6 +193,11 @@ declare const Component: {
193
193
  right: any;
194
194
  };
195
195
  };
196
+ '& .MuiCardHeader-content': {
197
+ display: string;
198
+ flexDirection: string;
199
+ gap: string;
200
+ };
196
201
  '& .SCFeedObject-username': {
197
202
  fontWeight: any;
198
203
  minHeight: number;
@@ -394,7 +399,6 @@ declare const Component: {
394
399
  };
395
400
  '& .SCFeedObject-action-vote-button, & .SCFeedObject-action-comment-button, & .SCFeedObject-action-share-button, & .SCReactionAction-button': {
396
401
  color: string;
397
- marginTop: any;
398
402
  marginBottom: any;
399
403
  borderRadius: string;
400
404
  padding: any;
@@ -200,6 +200,11 @@ const Component = {
200
200
  right: theme.spacing(0.25)
201
201
  }
202
202
  },
203
+ '& .MuiCardHeader-content': {
204
+ display: 'flex',
205
+ flexDirection: 'column',
206
+ gap: '4px'
207
+ },
203
208
  '& .SCFeedObject-username': {
204
209
  fontWeight: theme.typography.fontWeightBold,
205
210
  minHeight: 24,
@@ -403,17 +408,16 @@ const Component = {
403
408
  color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
404
409
  ? (0, material_1.lighten)(theme.palette.text.primary, 0.5)
405
410
  : (0, material_1.darken)(theme.palette.text.primary, 0.5),
406
- marginTop: theme.spacing(-0.5),
407
411
  marginBottom: theme.spacing(0.5),
408
412
  borderRadius: '50%',
409
413
  padding: theme.spacing(1),
410
414
  minWidth: 0,
411
415
  '& .MuiIcon-root': {
412
- fontSize: '1.57rem'
416
+ fontSize: '24px'
413
417
  },
414
418
  '& > img': {
415
- width: '1.57rem',
416
- height: '1.57rem'
419
+ width: '24px',
420
+ height: '24px'
417
421
  }
418
422
  }
419
423
  }
@@ -524,7 +528,7 @@ const Component = {
524
528
  }),
525
529
  skeletonRoot: ({ theme }) => ({
526
530
  '&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search': {
527
- border: `0 none`,
531
+ border: '0 none',
528
532
  boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
529
533
  borderRadius: 0,
530
534
  [theme.breakpoints.up('sm')]: {
@@ -80,7 +80,7 @@ declare const Component: {
80
80
  cursor: string;
81
81
  };
82
82
  '& .SCMediaFile-title .MuiTypography-root': {
83
- color: string;
83
+ color: any;
84
84
  backgroundColor: any;
85
85
  opacity: number;
86
86
  };
@@ -163,9 +163,7 @@ declare const Component: {
163
163
  zIndex: number;
164
164
  };
165
165
  triggerMenuRoot: () => {};
166
- docRoot: ({ theme }: {
167
- theme: any;
168
- }) => {
166
+ docRoot: ({ theme }: any) => {
169
167
  border: string;
170
168
  borderRadius: string;
171
169
  padding: any;
@@ -199,13 +197,9 @@ declare const Component: {
199
197
  };
200
198
  '& .SCMediaFile-action-wrapper': {
201
199
  flexDirection: string;
200
+ alignItems: string;
202
201
  gap: string;
203
202
  marginLeft: string;
204
- '& .SCMediaFile-action': {
205
- '&:hover': {
206
- backgroundColor: any;
207
- };
208
- };
209
203
  };
210
204
  };
211
205
  };
@@ -85,8 +85,8 @@ const Component = {
85
85
  cursor: 'pointer'
86
86
  },
87
87
  '& .SCMediaFile-title .MuiTypography-root': {
88
- color: '#FFF',
89
- backgroundColor: theme.palette.getContrastText('#FFF'),
88
+ color: theme.palette.common.white,
89
+ backgroundColor: theme.palette.getContrastText(theme.palette.common.white),
90
90
  opacity: 0.6
91
91
  },
92
92
  '& .SCMediaFile-icon-file': {
@@ -204,13 +204,9 @@ const Component = {
204
204
  },
205
205
  '& .SCMediaFile-action-wrapper': {
206
206
  flexDirection: 'row',
207
+ alignItems: 'center',
207
208
  gap: '8px',
208
- marginLeft: 'auto',
209
- '& .SCMediaFile-action': {
210
- '&:hover': {
211
- backgroundColor: theme.palette.common.white
212
- }
213
- }
209
+ marginLeft: 'auto'
214
210
  }
215
211
  })
216
212
  }
@@ -5,14 +5,6 @@ declare const Component: {
5
5
  padding: any;
6
6
  borderRadius: any;
7
7
  flexGrow: number;
8
- '& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
9
- borderColor: string;
10
- borderWidth: number;
11
- };
12
- '& .MuiInputBase-input:focus-visible': {
13
- outline: string;
14
- outlineOffset: number;
15
- };
16
8
  '& .MuiAutocomplete-input': {
17
9
  padding: any;
18
10
  color: any;
@@ -11,14 +11,6 @@ const Component = {
11
11
  padding: theme.spacing(0, 2),
12
12
  borderRadius: theme.shape.borderRadius,
13
13
  flexGrow: 1,
14
- '& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
15
- borderColor: 'primary.main',
16
- borderWidth: 2
17
- },
18
- '& .MuiInputBase-input:focus-visible': {
19
- outline: '3px solid currentColor',
20
- outlineOffset: 2
21
- },
22
14
  '& .MuiAutocomplete-input': {
23
15
  padding: theme.spacing(0.5, 1),
24
16
  color: (0, material_1.getContrastRatio)((_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main, theme.palette.common.white) > 4.5 ? theme.palette.common.white : theme.palette.primary.main
@@ -4212,6 +4212,11 @@ declare const theme: {
4212
4212
  right: any;
4213
4213
  };
4214
4214
  };
4215
+ '& .MuiCardHeader-content': {
4216
+ display: string;
4217
+ flexDirection: string;
4218
+ gap: string;
4219
+ };
4215
4220
  '& .SCFeedObject-username': {
4216
4221
  fontWeight: any;
4217
4222
  minHeight: number;
@@ -4413,7 +4418,6 @@ declare const theme: {
4413
4418
  };
4414
4419
  '& .SCFeedObject-action-vote-button, & .SCFeedObject-action-comment-button, & .SCFeedObject-action-share-button, & .SCReactionAction-button': {
4415
4420
  color: string;
4416
- marginTop: any;
4417
4421
  marginBottom: any;
4418
4422
  borderRadius: string;
4419
4423
  padding: any;
@@ -4470,9 +4474,6 @@ declare const theme: {
4470
4474
  };
4471
4475
  '& .SCCommentObject-root': {
4472
4476
  marginTop: number;
4473
- /**
4474
- * Export default theme
4475
- */
4476
4477
  marginBottom: number;
4477
4478
  paddingTop: number;
4478
4479
  paddingBottom: number;
@@ -6698,7 +6699,7 @@ declare const theme: {
6698
6699
  cursor: string;
6699
6700
  };
6700
6701
  '& .SCMediaFile-title .MuiTypography-root': {
6701
- color: string;
6702
+ color: any;
6702
6703
  backgroundColor: any;
6703
6704
  opacity: number;
6704
6705
  };
@@ -6781,9 +6782,7 @@ declare const theme: {
6781
6782
  zIndex: number;
6782
6783
  };
6783
6784
  triggerMenuRoot: () => {};
6784
- docRoot: ({ theme }: {
6785
- theme: any;
6786
- }) => {
6785
+ docRoot: ({ theme }: any) => {
6787
6786
  border: string;
6788
6787
  borderRadius: string;
6789
6788
  padding: any;
@@ -6817,13 +6816,9 @@ declare const theme: {
6817
6816
  };
6818
6817
  '& .SCMediaFile-action-wrapper': {
6819
6818
  flexDirection: string;
6819
+ alignItems: string;
6820
6820
  gap: string;
6821
6821
  marginLeft: string;
6822
- '& .SCMediaFile-action': {
6823
- '&:hover': {
6824
- backgroundColor: any;
6825
- };
6826
- };
6827
6822
  };
6828
6823
  };
6829
6824
  };
@@ -9080,14 +9075,6 @@ declare const theme: {
9080
9075
  padding: any;
9081
9076
  borderRadius: any;
9082
9077
  flexGrow: number;
9083
- '& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
9084
- borderColor: string;
9085
- borderWidth: number;
9086
- };
9087
- '& .MuiInputBase-input:focus-visible': {
9088
- outline: string;
9089
- outlineOffset: number;
9090
- };
9091
9078
  '& .MuiAutocomplete-input': {
9092
9079
  padding: any;
9093
9080
  color: any;
@@ -193,6 +193,11 @@ declare const Component: {
193
193
  right: any;
194
194
  };
195
195
  };
196
+ '& .MuiCardHeader-content': {
197
+ display: string;
198
+ flexDirection: string;
199
+ gap: string;
200
+ };
196
201
  '& .SCFeedObject-username': {
197
202
  fontWeight: any;
198
203
  minHeight: number;
@@ -394,7 +399,6 @@ declare const Component: {
394
399
  };
395
400
  '& .SCFeedObject-action-vote-button, & .SCFeedObject-action-comment-button, & .SCFeedObject-action-share-button, & .SCReactionAction-button': {
396
401
  color: string;
397
- marginTop: any;
398
402
  marginBottom: any;
399
403
  borderRadius: string;
400
404
  padding: any;
@@ -198,6 +198,11 @@ const Component = {
198
198
  right: theme.spacing(0.25)
199
199
  }
200
200
  },
201
+ '& .MuiCardHeader-content': {
202
+ display: 'flex',
203
+ flexDirection: 'column',
204
+ gap: '4px'
205
+ },
201
206
  '& .SCFeedObject-username': {
202
207
  fontWeight: theme.typography.fontWeightBold,
203
208
  minHeight: 24,
@@ -401,17 +406,16 @@ const Component = {
401
406
  color: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
402
407
  ? lighten(theme.palette.text.primary, 0.5)
403
408
  : darken(theme.palette.text.primary, 0.5),
404
- marginTop: theme.spacing(-0.5),
405
409
  marginBottom: theme.spacing(0.5),
406
410
  borderRadius: '50%',
407
411
  padding: theme.spacing(1),
408
412
  minWidth: 0,
409
413
  '& .MuiIcon-root': {
410
- fontSize: '1.57rem'
414
+ fontSize: '24px'
411
415
  },
412
416
  '& > img': {
413
- width: '1.57rem',
414
- height: '1.57rem'
417
+ width: '24px',
418
+ height: '24px'
415
419
  }
416
420
  }
417
421
  }
@@ -522,7 +526,7 @@ const Component = {
522
526
  }),
523
527
  skeletonRoot: ({ theme }) => ({
524
528
  '&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search': {
525
- border: `0 none`,
529
+ border: '0 none',
526
530
  boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
527
531
  borderRadius: 0,
528
532
  [theme.breakpoints.up('sm')]: {
@@ -80,7 +80,7 @@ declare const Component: {
80
80
  cursor: string;
81
81
  };
82
82
  '& .SCMediaFile-title .MuiTypography-root': {
83
- color: string;
83
+ color: any;
84
84
  backgroundColor: any;
85
85
  opacity: number;
86
86
  };
@@ -163,9 +163,7 @@ declare const Component: {
163
163
  zIndex: number;
164
164
  };
165
165
  triggerMenuRoot: () => {};
166
- docRoot: ({ theme }: {
167
- theme: any;
168
- }) => {
166
+ docRoot: ({ theme }: any) => {
169
167
  border: string;
170
168
  borderRadius: string;
171
169
  padding: any;
@@ -199,13 +197,9 @@ declare const Component: {
199
197
  };
200
198
  '& .SCMediaFile-action-wrapper': {
201
199
  flexDirection: string;
200
+ alignItems: string;
202
201
  gap: string;
203
202
  marginLeft: string;
204
- '& .SCMediaFile-action': {
205
- '&:hover': {
206
- backgroundColor: any;
207
- };
208
- };
209
203
  };
210
204
  };
211
205
  };
@@ -83,8 +83,8 @@ const Component = {
83
83
  cursor: 'pointer'
84
84
  },
85
85
  '& .SCMediaFile-title .MuiTypography-root': {
86
- color: '#FFF',
87
- backgroundColor: theme.palette.getContrastText('#FFF'),
86
+ color: theme.palette.common.white,
87
+ backgroundColor: theme.palette.getContrastText(theme.palette.common.white),
88
88
  opacity: 0.6
89
89
  },
90
90
  '& .SCMediaFile-icon-file': {
@@ -202,13 +202,9 @@ const Component = {
202
202
  },
203
203
  '& .SCMediaFile-action-wrapper': {
204
204
  flexDirection: 'row',
205
+ alignItems: 'center',
205
206
  gap: '8px',
206
- marginLeft: 'auto',
207
- '& .SCMediaFile-action': {
208
- '&:hover': {
209
- backgroundColor: theme.palette.common.white
210
- }
211
- }
207
+ marginLeft: 'auto'
212
208
  }
213
209
  })
214
210
  }
@@ -5,14 +5,6 @@ declare const Component: {
5
5
  padding: any;
6
6
  borderRadius: any;
7
7
  flexGrow: number;
8
- '& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
9
- borderColor: string;
10
- borderWidth: number;
11
- };
12
- '& .MuiInputBase-input:focus-visible': {
13
- outline: string;
14
- outlineOffset: number;
15
- };
16
8
  '& .MuiAutocomplete-input': {
17
9
  padding: any;
18
10
  color: any;
@@ -9,14 +9,6 @@ const Component = {
9
9
  padding: theme.spacing(0, 2),
10
10
  borderRadius: theme.shape.borderRadius,
11
11
  flexGrow: 1,
12
- '& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
13
- borderColor: 'primary.main',
14
- borderWidth: 2
15
- },
16
- '& .MuiInputBase-input:focus-visible': {
17
- outline: '3px solid currentColor',
18
- outlineOffset: 2
19
- },
20
12
  '& .MuiAutocomplete-input': {
21
13
  padding: theme.spacing(0.5, 1),
22
14
  color: getContrastRatio((_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main, theme.palette.common.white) > 4.5 ? theme.palette.common.white : theme.palette.primary.main
@@ -4212,6 +4212,11 @@ declare const theme: {
4212
4212
  right: any;
4213
4213
  };
4214
4214
  };
4215
+ '& .MuiCardHeader-content': {
4216
+ display: string;
4217
+ flexDirection: string;
4218
+ gap: string;
4219
+ };
4215
4220
  '& .SCFeedObject-username': {
4216
4221
  fontWeight: any;
4217
4222
  minHeight: number;
@@ -4413,7 +4418,6 @@ declare const theme: {
4413
4418
  };
4414
4419
  '& .SCFeedObject-action-vote-button, & .SCFeedObject-action-comment-button, & .SCFeedObject-action-share-button, & .SCReactionAction-button': {
4415
4420
  color: string;
4416
- marginTop: any;
4417
4421
  marginBottom: any;
4418
4422
  borderRadius: string;
4419
4423
  padding: any;
@@ -4470,9 +4474,6 @@ declare const theme: {
4470
4474
  };
4471
4475
  '& .SCCommentObject-root': {
4472
4476
  marginTop: number;
4473
- /**
4474
- * Export default theme
4475
- */
4476
4477
  marginBottom: number;
4477
4478
  paddingTop: number;
4478
4479
  paddingBottom: number;
@@ -6698,7 +6699,7 @@ declare const theme: {
6698
6699
  cursor: string;
6699
6700
  };
6700
6701
  '& .SCMediaFile-title .MuiTypography-root': {
6701
- color: string;
6702
+ color: any;
6702
6703
  backgroundColor: any;
6703
6704
  opacity: number;
6704
6705
  };
@@ -6781,9 +6782,7 @@ declare const theme: {
6781
6782
  zIndex: number;
6782
6783
  };
6783
6784
  triggerMenuRoot: () => {};
6784
- docRoot: ({ theme }: {
6785
- theme: any;
6786
- }) => {
6785
+ docRoot: ({ theme }: any) => {
6787
6786
  border: string;
6788
6787
  borderRadius: string;
6789
6788
  padding: any;
@@ -6817,13 +6816,9 @@ declare const theme: {
6817
6816
  };
6818
6817
  '& .SCMediaFile-action-wrapper': {
6819
6818
  flexDirection: string;
6819
+ alignItems: string;
6820
6820
  gap: string;
6821
6821
  marginLeft: string;
6822
- '& .SCMediaFile-action': {
6823
- '&:hover': {
6824
- backgroundColor: any;
6825
- };
6826
- };
6827
6822
  };
6828
6823
  };
6829
6824
  };
@@ -9080,14 +9075,6 @@ declare const theme: {
9080
9075
  padding: any;
9081
9076
  borderRadius: any;
9082
9077
  flexGrow: number;
9083
- '& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
9084
- borderColor: string;
9085
- borderWidth: number;
9086
- };
9087
- '& .MuiInputBase-input:focus-visible': {
9088
- outline: string;
9089
- outlineOffset: number;
9090
- };
9091
9078
  '& .MuiAutocomplete-input': {
9092
9079
  padding: any;
9093
9080
  color: any;