@selfcommunity/react-theme-default 0.4.5-alpha.10 → 0.4.5-alpha.12

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.
@@ -113,28 +113,12 @@ declare const Component: {
113
113
  color: any;
114
114
  };
115
115
  '& .SCCommentObject-comment-sub-section': {
116
- [x: number]: {
117
- '& > *': {
118
- marginRight: number;
119
- };
120
- '& .SCCommentObject-vote-audience': {
121
- position: string;
122
- right: number;
123
- top: number;
124
- };
125
- '& .SCBullet-root': {
126
- display: string;
127
- };
128
- };
129
116
  display: string;
130
117
  flexWrap: string;
131
118
  alignItems: string;
132
119
  color: any;
133
120
  marginTop: number;
134
121
  position: string;
135
- '& > *': {
136
- marginRight: any;
137
- };
138
122
  '& .SCCommentObject-activity-at': {
139
123
  color: string;
140
124
  textDecoration: string;
@@ -149,8 +133,9 @@ declare const Component: {
149
133
  padding: any;
150
134
  textTransform: string;
151
135
  };
152
- '& .SCBullet-root': {
153
- display: string;
136
+ '& .SCCommentObject-vote-audience': {
137
+ position: string;
138
+ right: number;
154
139
  };
155
140
  };
156
141
  };
@@ -120,9 +120,6 @@ const Component = {
120
120
  color: theme.palette.primary.main,
121
121
  marginTop: 0,
122
122
  position: 'relative',
123
- '& > *': {
124
- marginRight: theme.spacing(1)
125
- },
126
123
  '& .SCCommentObject-activity-at': {
127
124
  color: 'inherit',
128
125
  textDecoration: 'none',
@@ -137,21 +134,9 @@ const Component = {
137
134
  padding: theme.spacing(1),
138
135
  textTransform: 'capitalize'
139
136
  },
140
- '& .SCBullet-root': {
141
- display: 'none'
142
- },
143
- [theme.breakpoints.up('sm')]: {
144
- '& > *': {
145
- marginRight: 0
146
- },
147
- '& .SCCommentObject-vote-audience': {
148
- position: 'absolute',
149
- right: 0,
150
- top: 0
151
- },
152
- '& .SCBullet-root': {
153
- display: 'inline'
154
- }
137
+ '& .SCCommentObject-vote-audience': {
138
+ position: 'absolute',
139
+ right: 0
155
140
  }
156
141
  }
157
142
  }),
@@ -306,19 +306,24 @@ declare const Component: {
306
306
  '& li': {
307
307
  margin: string;
308
308
  };
309
- '& span span': {
310
- display: string;
311
- };
312
- '& span span:not(:has(+ a))': {
313
- width: string;
314
- };
315
- '& span a': {
316
- display: string;
317
- margin: any;
318
- };
319
- '& span a:hover': {
309
+ '& span': {
320
310
  '& span': {
321
- textDecoration: string;
311
+ display: string;
312
+ };
313
+ '& span:not(:has(+ a))': {
314
+ width: string;
315
+ };
316
+ '& a': {
317
+ display: string;
318
+ margin: any;
319
+ };
320
+ '& a:hover': {
321
+ '& span': {
322
+ textDecoration: string;
323
+ };
324
+ };
325
+ '& :last-child': {
326
+ display: string;
322
327
  };
323
328
  };
324
329
  };
@@ -331,6 +336,7 @@ declare const Component: {
331
336
  fontSize: any;
332
337
  fontWeight: any;
333
338
  padding: any;
339
+ marginTop: number;
334
340
  justifyContent: string;
335
341
  '&:hover': {
336
342
  backgroundColor: string;
@@ -307,19 +307,24 @@ const Component = {
307
307
  '& li': {
308
308
  margin: '0 32px'
309
309
  },
310
- '& span span': {
311
- display: 'inline'
312
- },
313
- '& span span:not(:has(+ a))': {
314
- width: '100%'
315
- },
316
- '& span a': {
317
- display: 'inline-block',
318
- margin: theme.spacing(0, 0.3)
319
- },
320
- '& span a:hover': {
310
+ '& span': {
321
311
  '& span': {
322
- textDecoration: 'underline'
312
+ display: 'inline'
313
+ },
314
+ '& span:not(:has(+ a))': {
315
+ width: '100%'
316
+ },
317
+ '& a': {
318
+ display: 'inline-block',
319
+ margin: theme.spacing(0, 0.3)
320
+ },
321
+ '& a:hover': {
322
+ '& span': {
323
+ textDecoration: 'underline'
324
+ }
325
+ },
326
+ '& :last-child': {
327
+ display: 'inline'
323
328
  }
324
329
  }
325
330
  },
@@ -332,6 +337,7 @@ const Component = {
332
337
  fontSize: theme.typography.fontSize,
333
338
  fontWeight: theme.typography.fontWeightBold,
334
339
  padding: theme.spacing(0.25),
340
+ marginTop: -2,
335
341
  justifyContent: 'start',
336
342
  '&:hover': { backgroundColor: 'transparent' }
337
343
  }
@@ -441,52 +441,43 @@ declare const theme: {
441
441
  paddingBottom: number;
442
442
  paddingLeft: number;
443
443
  paddingRight: number;
444
- '& .SCBaseItemButton-actions': {
445
- right: number;
446
- };
447
444
  };
448
445
  };
449
446
  '& .SCBaseItemButton-content': {
450
447
  display: string;
451
- flexDirection: string;
452
448
  justifyContent: string;
453
449
  alignItems: string;
454
- width: string;
455
- };
456
- '& .SCBaseItemButton-image': {
457
- flexShrink: number;
458
- marginRight: any;
459
- };
460
- '& .SCBaseItemButton-text': {
461
- flex: string;
462
- marginTop: any;
463
- marginBottom: any;
464
- textAlign: string;
465
- };
466
- '& .SCBaseItemButton-primary': {
467
- color: any;
468
- };
469
- '& .SCBaseItemButton-secondary': {
470
- color: any;
471
- };
472
- '& .SCBaseItemButton-primary, & .SCBaseItemButton-secondary': {
473
- whiteSpace: string;
474
- overflow: string;
475
- textOverflow: string;
476
- display: string;
450
+ gap: any;
451
+ '& .SCBaseItemButton-image': {
452
+ flexShrink: number;
453
+ };
454
+ '& .SCBaseItemButton-text': {
455
+ marginTop: any;
456
+ marginBottom: any;
457
+ '& .SCBaseItemButton-primary': {
458
+ color: any;
459
+ };
460
+ '& .SCBaseItemButton-secondary': {
461
+ color: any;
462
+ };
463
+ };
477
464
  };
478
465
  '&.SCBaseItemButton-with-actions': {
479
- '& .SCBaseItemButton-text > *': {
480
- [x: number]: {
481
- maxWidth: string;
466
+ display: string;
467
+ alignItems: string;
468
+ justifyContent: string;
469
+ gap: string;
470
+ '& .SCBaseItemButton-content': {
471
+ overflow: string;
472
+ '& .SCBaseItemButton-text': {
473
+ whiteSpace: string;
474
+ overflow: string;
475
+ textOverflow: string;
476
+ flexGrow: number;
482
477
  };
483
- maxWidth: string;
484
478
  };
485
479
  '& .SCBaseItemButton-actions': {
486
- position: string;
487
- right: any;
488
- top: string;
489
- transform: string;
480
+ flexShrink: number;
490
481
  maxWidth: any;
491
482
  };
492
483
  };
@@ -1032,28 +1023,12 @@ declare const theme: {
1032
1023
  color: any;
1033
1024
  };
1034
1025
  '& .SCCommentObject-comment-sub-section': {
1035
- [x: number]: {
1036
- '& > *': {
1037
- marginRight: number;
1038
- };
1039
- '& .SCCommentObject-vote-audience': {
1040
- position: string;
1041
- right: number;
1042
- top: number;
1043
- };
1044
- '& .SCBullet-root': {
1045
- display: string;
1046
- };
1047
- };
1048
1026
  display: string;
1049
1027
  flexWrap: string;
1050
1028
  alignItems: string;
1051
1029
  color: any;
1052
1030
  marginTop: number;
1053
1031
  position: string;
1054
- '& > *': {
1055
- marginRight: any;
1056
- };
1057
1032
  '& .SCCommentObject-activity-at': {
1058
1033
  color: string;
1059
1034
  textDecoration: string;
@@ -1068,8 +1043,9 @@ declare const theme: {
1068
1043
  padding: any;
1069
1044
  textTransform: string;
1070
1045
  };
1071
- '& .SCBullet-root': {
1072
- display: string;
1046
+ '& .SCCommentObject-vote-audience': {
1047
+ position: string;
1048
+ right: number;
1073
1049
  };
1074
1050
  };
1075
1051
  };
@@ -2484,19 +2460,24 @@ declare const theme: {
2484
2460
  '& li': {
2485
2461
  margin: string;
2486
2462
  };
2487
- '& span span': {
2488
- display: string;
2489
- };
2490
- '& span span:not(:has(+ a))': {
2491
- width: string;
2492
- };
2493
- '& span a': {
2494
- display: string;
2495
- margin: any;
2496
- };
2497
- '& span a:hover': {
2463
+ '& span': {
2498
2464
  '& span': {
2499
- textDecoration: string;
2465
+ display: string;
2466
+ };
2467
+ '& span:not(:has(+ a))': {
2468
+ width: string;
2469
+ };
2470
+ '& a': {
2471
+ display: string;
2472
+ margin: any;
2473
+ };
2474
+ '& a:hover': {
2475
+ '& span': {
2476
+ textDecoration: string;
2477
+ };
2478
+ };
2479
+ '& :last-child': {
2480
+ display: string;
2500
2481
  };
2501
2482
  };
2502
2483
  };
@@ -2509,6 +2490,7 @@ declare const theme: {
2509
2490
  fontSize: any;
2510
2491
  fontWeight: any;
2511
2492
  padding: any;
2493
+ marginTop: number;
2512
2494
  justifyContent: string;
2513
2495
  '&:hover': {
2514
2496
  backgroundColor: string;