@selfcommunity/react-theme-default 0.4.5-alpha.11 → 0.4.5-alpha.13

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 (12) 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 +7 -17
  4. package/lib/cjs/components/SCCommentObject.js +7 -17
  5. package/lib/cjs/index.d.ts +33 -52
  6. package/lib/esm/components/SCBaseItemButton.d.ts +26 -35
  7. package/lib/esm/components/SCBaseItemButton.js +27 -36
  8. package/lib/esm/components/SCCommentObject.d.ts +7 -17
  9. package/lib/esm/components/SCCommentObject.js +7 -17
  10. package/lib/esm/index.d.ts +33 -52
  11. package/lib/umd/react-theme-default.js +1 -1
  12. 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,27 +113,16 @@ 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;
122
+ '& .SCCommentObject-reply': {
123
+ paddingLeft: number;
124
+ paddingRight: number;
125
+ lineHeight: number;
137
126
  };
138
127
  '& .SCCommentObject-activity-at': {
139
128
  color: string;
@@ -149,8 +138,9 @@ declare const Component: {
149
138
  padding: any;
150
139
  textTransform: string;
151
140
  };
152
- '& .SCBullet-root': {
153
- display: string;
141
+ '& .SCCommentObject-vote-audience': {
142
+ position: string;
143
+ right: number;
154
144
  };
155
145
  };
156
146
  };
package/lib/cjs/components/SCCommentObject.js CHANGED
@@ -122,8 +122,10 @@ const Component = {
122
122
  color: theme.palette.primary.main,
123
123
  marginTop: 0,
124
124
  position: 'relative',
125
- '& > *': {
126
- marginRight: theme.spacing(1)
125
+ '& .SCCommentObject-reply': {
126
+ paddingLeft: 0,
127
+ paddingRight: 0,
128
+ lineHeight: 1
127
129
  },
128
130
  '& .SCCommentObject-activity-at': {
129
131
  color: 'inherit',
@@ -139,21 +141,9 @@ const Component = {
139
141
  padding: theme.spacing(1),
140
142
  textTransform: 'capitalize'
141
143
  },
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
- }
144
+ '& .SCCommentObject-vote-audience': {
145
+ position: 'absolute',
146
+ right: 0
157
147
  }
158
148
  }
159
149
  }),
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,27 +1023,16 @@ 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;
1032
+ '& .SCCommentObject-reply': {
1033
+ paddingLeft: number;
1034
+ paddingRight: number;
1035
+ lineHeight: number;
1056
1036
  };
1057
1037
  '& .SCCommentObject-activity-at': {
1058
1038
  color: string;
@@ -1068,8 +1048,9 @@ declare const theme: {
1068
1048
  padding: any;
1069
1049
  textTransform: string;
1070
1050
  };
1071
- '& .SCBullet-root': {
1072
- display: string;
1051
+ '& .SCCommentObject-vote-audience': {
1052
+ position: string;
1053
+ right: number;
1073
1054
  };
1074
1055
  };
1075
1056
  };
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
  }
package/lib/esm/components/SCCommentObject.d.ts CHANGED
@@ -113,27 +113,16 @@ 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;
122
+ '& .SCCommentObject-reply': {
123
+ paddingLeft: number;
124
+ paddingRight: number;
125
+ lineHeight: number;
137
126
  };
138
127
  '& .SCCommentObject-activity-at': {
139
128
  color: string;
@@ -149,8 +138,9 @@ declare const Component: {
149
138
  padding: any;
150
139
  textTransform: string;
151
140
  };
152
- '& .SCBullet-root': {
153
- display: string;
141
+ '& .SCCommentObject-vote-audience': {
142
+ position: string;
143
+ right: number;
154
144
  };
155
145
  };
156
146
  };
package/lib/esm/components/SCCommentObject.js CHANGED
@@ -120,8 +120,10 @@ const Component = {
120
120
  color: theme.palette.primary.main,
121
121
  marginTop: 0,
122
122
  position: 'relative',
123
- '& > *': {
124
- marginRight: theme.spacing(1)
123
+ '& .SCCommentObject-reply': {
124
+ paddingLeft: 0,
125
+ paddingRight: 0,
126
+ lineHeight: 1
125
127
  },
126
128
  '& .SCCommentObject-activity-at': {
127
129
  color: 'inherit',
@@ -137,21 +139,9 @@ const Component = {
137
139
  padding: theme.spacing(1),
138
140
  textTransform: 'capitalize'
139
141
  },
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
- }
142
+ '& .SCCommentObject-vote-audience': {
143
+ position: 'absolute',
144
+ right: 0
155
145
  }
156
146
  }
157
147
  }),