@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.
Files changed (16) hide show
  1. package/lib/cjs/components/SCBaseItemButton.d.ts +26 -35
  2. package/lib/cjs/components/SCBaseItemButton.js +27 -36
  3. package/lib/cjs/components/SCCommentObject.d.ts +3 -18
  4. package/lib/cjs/components/SCCommentObject.js +3 -18
  5. package/lib/cjs/components/SCFeedObject.d.ts +18 -12
  6. package/lib/cjs/components/SCFeedObject.js +18 -12
  7. package/lib/cjs/index.d.ts +47 -65
  8. package/lib/esm/components/SCBaseItemButton.d.ts +26 -35
  9. package/lib/esm/components/SCBaseItemButton.js +27 -36
  10. package/lib/esm/components/SCCommentObject.d.ts +3 -18
  11. package/lib/esm/components/SCCommentObject.js +3 -18
  12. package/lib/esm/components/SCFeedObject.d.ts +18 -12
  13. package/lib/esm/components/SCFeedObject.js +18 -12
  14. package/lib/esm/index.d.ts +47 -65
  15. package/lib/umd/react-theme-default.js +1 -1
  16. package/package.json +2 -2
package/lib/cjs/components/SCBaseItemButton.d.ts CHANGED
@@ -13,52 +13,43 @@ declare const Component: {
13
13
  paddingBottom: number;
14
14
  paddingLeft: number;
15
15
  paddingRight: number;
16
- '& .SCBaseItemButton-actions': {
17
- right: number;
18
- };
19
16
  };
20
17
  };
21
18
  '& .SCBaseItemButton-content': {
22
19
  display: string;
23
- flexDirection: string;
24
20
  justifyContent: string;
25
21
  alignItems: string;
26
- width: string;
27
- };
28
- '& .SCBaseItemButton-image': {
29
- flexShrink: number;
30
- marginRight: any;
31
- };
32
- '& .SCBaseItemButton-text': {
33
- flex: string;
34
- marginTop: any;
35
- marginBottom: any;
36
- textAlign: string;
37
- };
38
- '& .SCBaseItemButton-primary': {
39
- color: any;
40
- };
41
- '& .SCBaseItemButton-secondary': {
42
- color: any;
43
- };
44
- '& .SCBaseItemButton-primary, & .SCBaseItemButton-secondary': {
45
- whiteSpace: string;
46
- overflow: string;
47
- textOverflow: string;
48
- display: string;
22
+ gap: any;
23
+ '& .SCBaseItemButton-image': {
24
+ flexShrink: number;
25
+ };
26
+ '& .SCBaseItemButton-text': {
27
+ marginTop: any;
28
+ marginBottom: any;
29
+ '& .SCBaseItemButton-primary': {
30
+ color: any;
31
+ };
32
+ '& .SCBaseItemButton-secondary': {
33
+ color: any;
34
+ };
35
+ };
49
36
  };
50
37
  '&.SCBaseItemButton-with-actions': {
51
- '& .SCBaseItemButton-text > *': {
52
- [x: number]: {
53
- maxWidth: string;
38
+ display: string;
39
+ alignItems: string;
40
+ justifyContent: string;
41
+ gap: string;
42
+ '& .SCBaseItemButton-content': {
43
+ overflow: string;
44
+ '& .SCBaseItemButton-text': {
45
+ whiteSpace: string;
46
+ overflow: string;
47
+ textOverflow: string;
48
+ flexGrow: number;
54
49
  };
55
- maxWidth: string;
56
50
  };
57
51
  '& .SCBaseItemButton-actions': {
58
- position: string;
59
- right: any;
60
- top: string;
61
- transform: string;
52
+ flexShrink: number;
62
53
  maxWidth: any;
63
54
  };
64
55
  };
package/lib/cjs/components/SCBaseItemButton.js CHANGED
@@ -14,53 +14,44 @@ const Component = {
14
14
  paddingTop: 0,
15
15
  paddingBottom: 0,
16
16
  paddingLeft: 0,
17
- paddingRight: 0,
18
- '& .SCBaseItemButton-actions': {
19
- right: 0
20
- }
17
+ paddingRight: 0
21
18
  }
22
19
  },
23
20
  '& .SCBaseItemButton-content': {
24
21
  display: 'flex',
25
- flexDirection: 'row',
26
22
  justifyContent: 'flex-start',
27
23
  alignItems: 'center',
28
- width: '100%'
29
- },
30
- '& .SCBaseItemButton-image': {
31
- flexShrink: 0,
32
- marginRight: theme.spacing(2)
33
- },
34
- '& .SCBaseItemButton-text': {
35
- flex: '1 1 auto',
36
- marginTop: theme.spacing(),
37
- marginBottom: theme.spacing(),
38
- textAlign: 'left'
39
- },
40
- '& .SCBaseItemButton-primary': {
41
- color: theme.palette.text.primary
42
- },
43
- '& .SCBaseItemButton-secondary': {
44
- color: theme.palette.text.secondary
45
- },
46
- '& .SCBaseItemButton-primary, & .SCBaseItemButton-secondary': {
47
- whiteSpace: 'nowrap',
48
- overflow: 'hidden',
49
- textOverflow: 'ellipsis',
50
- display: 'block'
24
+ gap: theme.spacing(2),
25
+ '& .SCBaseItemButton-image': {
26
+ flexShrink: 0
27
+ },
28
+ '& .SCBaseItemButton-text': {
29
+ marginTop: theme.spacing(),
30
+ marginBottom: theme.spacing(),
31
+ '& .SCBaseItemButton-primary': {
32
+ color: theme.palette.text.primary
33
+ },
34
+ '& .SCBaseItemButton-secondary': {
35
+ color: theme.palette.text.secondary
36
+ }
37
+ }
51
38
  },
52
39
  '&.SCBaseItemButton-with-actions': {
53
- '& .SCBaseItemButton-text > *': {
54
- maxWidth: `calc(100% - ${theme.spacing(14)})`,
55
- [theme.breakpoints.only('md')]: {
56
- maxWidth: `calc(100% - ${theme.spacing(15)})`
40
+ display: 'flex',
41
+ alignItems: 'center',
42
+ justifyContent: 'space-between',
43
+ gap: '6px',
44
+ '& .SCBaseItemButton-content': {
45
+ overflow: 'hidden',
46
+ '& .SCBaseItemButton-text': {
47
+ whiteSpace: 'nowrap',
48
+ overflow: 'hidden',
49
+ textOverflow: 'ellipsis',
50
+ flexGrow: 1
57
51
  }
58
52
  },
59
53
  '& .SCBaseItemButton-actions': {
60
- position: 'absolute',
61
- right: theme.spacing(2),
62
- top: '50%',
63
- transform: 'translateY(-50%)',
54
+ flexShrink: 0,
64
55
  maxWidth: theme.spacing(19)
65
56
  }
66
57
  }
package/lib/cjs/components/SCCommentObject.d.ts CHANGED
@@ -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
  };
package/lib/cjs/components/SCCommentObject.js CHANGED
@@ -122,9 +122,6 @@ const Component = {
122
122
  color: theme.palette.primary.main,
123
123
  marginTop: 0,
124
124
  position: 'relative',
125
- '& > *': {
126
- marginRight: theme.spacing(1)
127
- },
128
125
  '& .SCCommentObject-activity-at': {
129
126
  color: 'inherit',
130
127
  textDecoration: 'none',
@@ -139,21 +136,9 @@ const Component = {
139
136
  padding: theme.spacing(1),
140
137
  textTransform: 'capitalize'
141
138
  },
142
- '& .SCBullet-root': {
143
- display: 'none'
144
- },
145
- [theme.breakpoints.up('sm')]: {
146
- '& > *': {
147
- marginRight: 0
148
- },
149
- '& .SCCommentObject-vote-audience': {
150
- position: 'absolute',
151
- right: 0,
152
- top: 0
153
- },
154
- '& .SCBullet-root': {
155
- display: 'inline'
156
- }
139
+ '& .SCCommentObject-vote-audience': {
140
+ position: 'absolute',
141
+ right: 0
157
142
  }
158
143
  }
159
144
  }),
package/lib/cjs/components/SCFeedObject.d.ts CHANGED
@@ -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;
package/lib/cjs/components/SCFeedObject.js CHANGED
@@ -309,19 +309,24 @@ const Component = {
309
309
  '& li': {
310
310
  margin: '0 32px'
311
311
  },
312
- '& span span': {
313
- display: 'inline'
314
- },
315
- '& span span:not(:has(+ a))': {
316
- width: '100%'
317
- },
318
- '& span a': {
319
- display: 'inline-block',
320
- margin: theme.spacing(0, 0.3)
321
- },
322
- '& span a:hover': {
312
+ '& span': {
323
313
  '& span': {
324
- textDecoration: 'underline'
314
+ display: 'inline'
315
+ },
316
+ '& span:not(:has(+ a))': {
317
+ width: '100%'
318
+ },
319
+ '& a': {
320
+ display: 'inline-block',
321
+ margin: theme.spacing(0, 0.3)
322
+ },
323
+ '& a:hover': {
324
+ '& span': {
325
+ textDecoration: 'underline'
326
+ }
327
+ },
328
+ '& :last-child': {
329
+ display: 'inline'
325
330
  }
326
331
  }
327
332
  },
@@ -334,6 +339,7 @@ const Component = {
334
339
  fontSize: theme.typography.fontSize,
335
340
  fontWeight: theme.typography.fontWeightBold,
336
341
  padding: theme.spacing(0.25),
342
+ marginTop: -2,
337
343
  justifyContent: 'start',
338
344
  '&:hover': { backgroundColor: 'transparent' }
339
345
  }
package/lib/cjs/index.d.ts CHANGED
@@ -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;
package/lib/esm/components/SCBaseItemButton.d.ts CHANGED
@@ -13,52 +13,43 @@ declare const Component: {
13
13
  paddingBottom: number;
14
14
  paddingLeft: number;
15
15
  paddingRight: number;
16
- '& .SCBaseItemButton-actions': {
17
- right: number;
18
- };
19
16
  };
20
17
  };
21
18
  '& .SCBaseItemButton-content': {
22
19
  display: string;
23
- flexDirection: string;
24
20
  justifyContent: string;
25
21
  alignItems: string;
26
- width: string;
27
- };
28
- '& .SCBaseItemButton-image': {
29
- flexShrink: number;
30
- marginRight: any;
31
- };
32
- '& .SCBaseItemButton-text': {
33
- flex: string;
34
- marginTop: any;
35
- marginBottom: any;
36
- textAlign: string;
37
- };
38
- '& .SCBaseItemButton-primary': {
39
- color: any;
40
- };
41
- '& .SCBaseItemButton-secondary': {
42
- color: any;
43
- };
44
- '& .SCBaseItemButton-primary, & .SCBaseItemButton-secondary': {
45
- whiteSpace: string;
46
- overflow: string;
47
- textOverflow: string;
48
- display: string;
22
+ gap: any;
23
+ '& .SCBaseItemButton-image': {
24
+ flexShrink: number;
25
+ };
26
+ '& .SCBaseItemButton-text': {
27
+ marginTop: any;
28
+ marginBottom: any;
29
+ '& .SCBaseItemButton-primary': {
30
+ color: any;
31
+ };
32
+ '& .SCBaseItemButton-secondary': {
33
+ color: any;
34
+ };
35
+ };
49
36
  };
50
37
  '&.SCBaseItemButton-with-actions': {
51
- '& .SCBaseItemButton-text > *': {
52
- [x: number]: {
53
- maxWidth: string;
38
+ display: string;
39
+ alignItems: string;
40
+ justifyContent: string;
41
+ gap: string;
42
+ '& .SCBaseItemButton-content': {
43
+ overflow: string;
44
+ '& .SCBaseItemButton-text': {
45
+ whiteSpace: string;
46
+ overflow: string;
47
+ textOverflow: string;
48
+ flexGrow: number;
54
49
  };
55
- maxWidth: string;
56
50
  };
57
51
  '& .SCBaseItemButton-actions': {
58
- position: string;
59
- right: any;
60
- top: string;
61
- transform: string;
52
+ flexShrink: number;
62
53
  maxWidth: any;
63
54
  };
64
55
  };
package/lib/esm/components/SCBaseItemButton.js CHANGED
@@ -12,53 +12,44 @@ const Component = {
12
12
  paddingTop: 0,
13
13
  paddingBottom: 0,
14
14
  paddingLeft: 0,
15
- paddingRight: 0,
16
- '& .SCBaseItemButton-actions': {
17
- right: 0
18
- }
15
+ paddingRight: 0
19
16
  }
20
17
  },
21
18
  '& .SCBaseItemButton-content': {
22
19
  display: 'flex',
23
- flexDirection: 'row',
24
20
  justifyContent: 'flex-start',
25
21
  alignItems: 'center',
26
- width: '100%'
27
- },
28
- '& .SCBaseItemButton-image': {
29
- flexShrink: 0,
30
- marginRight: theme.spacing(2)
31
- },
32
- '& .SCBaseItemButton-text': {
33
- flex: '1 1 auto',
34
- marginTop: theme.spacing(),
35
- marginBottom: theme.spacing(),
36
- textAlign: 'left'
37
- },
38
- '& .SCBaseItemButton-primary': {
39
- color: theme.palette.text.primary
40
- },
41
- '& .SCBaseItemButton-secondary': {
42
- color: theme.palette.text.secondary
43
- },
44
- '& .SCBaseItemButton-primary, & .SCBaseItemButton-secondary': {
45
- whiteSpace: 'nowrap',
46
- overflow: 'hidden',
47
- textOverflow: 'ellipsis',
48
- display: 'block'
22
+ gap: theme.spacing(2),
23
+ '& .SCBaseItemButton-image': {
24
+ flexShrink: 0
25
+ },
26
+ '& .SCBaseItemButton-text': {
27
+ marginTop: theme.spacing(),
28
+ marginBottom: theme.spacing(),
29
+ '& .SCBaseItemButton-primary': {
30
+ color: theme.palette.text.primary
31
+ },
32
+ '& .SCBaseItemButton-secondary': {
33
+ color: theme.palette.text.secondary
34
+ }
35
+ }
49
36
  },
50
37
  '&.SCBaseItemButton-with-actions': {
51
- '& .SCBaseItemButton-text > *': {
52
- maxWidth: `calc(100% - ${theme.spacing(14)})`,
53
- [theme.breakpoints.only('md')]: {
54
- maxWidth: `calc(100% - ${theme.spacing(15)})`
38
+ display: 'flex',
39
+ alignItems: 'center',
40
+ justifyContent: 'space-between',
41
+ gap: '6px',
42
+ '& .SCBaseItemButton-content': {
43
+ overflow: 'hidden',
44
+ '& .SCBaseItemButton-text': {
45
+ whiteSpace: 'nowrap',
46
+ overflow: 'hidden',
47
+ textOverflow: 'ellipsis',
48
+ flexGrow: 1
55
49
  }
56
50
  },
57
51
  '& .SCBaseItemButton-actions': {
58
- position: 'absolute',
59
- right: theme.spacing(2),
60
- top: '50%',
61
- transform: 'translateY(-50%)',
52
+ flexShrink: 0,
62
53
  maxWidth: theme.spacing(19)
63
54
  }
64
55
  }