@selfcommunity/react-theme-default 0.4.5-alpha.11 → 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 (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 +3 -18
  4. package/lib/cjs/components/SCCommentObject.js +3 -18
  5. package/lib/cjs/index.d.ts +29 -53
  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 +3 -18
  9. package/lib/esm/components/SCCommentObject.js +3 -18
  10. package/lib/esm/index.d.ts +29 -53
  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,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/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
  };
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,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/esm/components/SCCommentObject.js CHANGED
@@ -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
  }),