@selfcommunity/react-theme-default 0.5.0-alpha.3 → 0.5.0-alpha.5

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.
@@ -93,6 +93,14 @@ declare const Component: {
93
93
  zIndex: number;
94
94
  backgroundColor: any;
95
95
  borderTop: string;
96
+ '& .SCComposer-selected-action': {
97
+ display: string;
98
+ alignItems: string;
99
+ '& .SCComposer-action-selected-icon': {
100
+ marginLeft: any;
101
+ fontSize: any;
102
+ };
103
+ };
96
104
  };
97
105
  '& .SCComposer-general-error': {
98
106
  marginBottom: any;
@@ -81,7 +81,15 @@ const Component = {
81
81
  justifyContent: 'space-between',
82
82
  zIndex: 1,
83
83
  backgroundColor: theme.palette.background.paper,
84
- borderTop: `1px solid ${theme.palette.grey[400]}`
84
+ borderTop: `1px solid ${theme.palette.grey[400]}`,
85
+ '& .SCComposer-selected-action': {
86
+ display: 'flex',
87
+ alignItems: 'center',
88
+ '& .SCComposer-action-selected-icon': {
89
+ marginLeft: theme.spacing(0.5),
90
+ fontSize: theme.spacing(1)
91
+ }
92
+ }
85
93
  },
86
94
  '& .SCComposer-general-error': {
87
95
  marginBottom: theme.spacing(2),
@@ -81,6 +81,9 @@ declare const Component: {
81
81
  padding: string;
82
82
  backgroundColor: string;
83
83
  color: string;
84
+ "& > .community-icons": {
85
+ fontSize: string;
86
+ };
84
87
  };
85
88
  "& .SCPaywallsConfigurator-product-content": {
86
89
  flexGrow: number;
@@ -75,15 +75,18 @@ const Component = {
75
75
  margin: '3px 5px 0px -1px'
76
76
  },
77
77
  [`& .SCPaywallsConfigurator-product-card-icon`]: {
78
- width: 14,
79
- height: 14,
78
+ width: 20,
79
+ height: 20,
80
80
  flexShrink: 0,
81
81
  borderRadius: '3px',
82
82
  marginRight: theme.spacing(),
83
83
  marginTop: '2px',
84
84
  padding: '3px',
85
85
  backgroundColor: 'red',
86
- color: 'white'
86
+ color: 'white',
87
+ [`& > .community-icons`]: {
88
+ fontSize: '20px'
89
+ }
87
90
  },
88
91
  [`& .SCPaywallsConfigurator-product-content`]: {
89
92
  flexGrow: 1,
@@ -28,8 +28,8 @@ const Component = {
28
28
  }
29
29
  },
30
30
  '& .SCVoteAudienceButton-dialog-vote-badge': {
31
- width: theme.selfcommunity.user.avatar.sizeSmall,
32
- height: theme.selfcommunity.user.avatar.sizeSmall,
31
+ width: theme.spacing(2),
32
+ height: theme.spacing(2),
33
33
  backgroundColor: theme.palette.background.paper,
34
34
  border: `1px solid ${theme.palette.background.paper}`
35
35
  }
@@ -17,7 +17,7 @@ declare const Component: {
17
17
  };
18
18
  };
19
19
  };
20
- popperRoot: ({ theme }: any) => {
20
+ popperRoot: () => {
21
21
  zIndex: number;
22
22
  '& .SCVoteButton-reaction .MuiIcon-root': {
23
23
  fontSize: string;
@@ -19,10 +19,10 @@ const Component = {
19
19
  }
20
20
  }
21
21
  }),
22
- popperRoot: ({ theme }) => ({
22
+ popperRoot: () => ({
23
23
  zIndex: 1400,
24
24
  '& .SCVoteButton-reaction .MuiIcon-root': {
25
- fontSize: '22px'
25
+ fontSize: '30px'
26
26
  }
27
27
  })
28
28
  }
@@ -1418,6 +1418,14 @@ declare const theme: {
1418
1418
  zIndex: number;
1419
1419
  backgroundColor: any;
1420
1420
  borderTop: string;
1421
+ '& .SCComposer-selected-action': {
1422
+ display: string;
1423
+ alignItems: string;
1424
+ '& .SCComposer-action-selected-icon': {
1425
+ marginLeft: any;
1426
+ fontSize: any;
1427
+ };
1428
+ };
1421
1429
  };
1422
1430
  '& .SCComposer-general-error': {
1423
1431
  marginBottom: any;
@@ -10833,7 +10841,7 @@ declare const theme: {
10833
10841
  };
10834
10842
  };
10835
10843
  };
10836
- popperRoot: ({ theme }: any) => {
10844
+ popperRoot: () => {
10837
10845
  zIndex: number;
10838
10846
  '& .SCVoteButton-reaction .MuiIcon-root': {
10839
10847
  fontSize: string;
@@ -12142,6 +12150,9 @@ declare const theme: {
12142
12150
  padding: string;
12143
12151
  backgroundColor: string;
12144
12152
  color: string;
12153
+ "& > .community-icons": {
12154
+ fontSize: string;
12155
+ };
12145
12156
  };
12146
12157
  "& .SCPaywallsConfigurator-product-content": {
12147
12158
  flexGrow: number;
@@ -93,6 +93,14 @@ declare const Component: {
93
93
  zIndex: number;
94
94
  backgroundColor: any;
95
95
  borderTop: string;
96
+ '& .SCComposer-selected-action': {
97
+ display: string;
98
+ alignItems: string;
99
+ '& .SCComposer-action-selected-icon': {
100
+ marginLeft: any;
101
+ fontSize: any;
102
+ };
103
+ };
96
104
  };
97
105
  '& .SCComposer-general-error': {
98
106
  marginBottom: any;
@@ -79,7 +79,15 @@ const Component = {
79
79
  justifyContent: 'space-between',
80
80
  zIndex: 1,
81
81
  backgroundColor: theme.palette.background.paper,
82
- borderTop: `1px solid ${theme.palette.grey[400]}`
82
+ borderTop: `1px solid ${theme.palette.grey[400]}`,
83
+ '& .SCComposer-selected-action': {
84
+ display: 'flex',
85
+ alignItems: 'center',
86
+ '& .SCComposer-action-selected-icon': {
87
+ marginLeft: theme.spacing(0.5),
88
+ fontSize: theme.spacing(1)
89
+ }
90
+ }
83
91
  },
84
92
  '& .SCComposer-general-error': {
85
93
  marginBottom: theme.spacing(2),
@@ -81,6 +81,9 @@ declare const Component: {
81
81
  padding: string;
82
82
  backgroundColor: string;
83
83
  color: string;
84
+ "& > .community-icons": {
85
+ fontSize: string;
86
+ };
84
87
  };
85
88
  "& .SCPaywallsConfigurator-product-content": {
86
89
  flexGrow: number;
@@ -73,15 +73,18 @@ const Component = {
73
73
  margin: '3px 5px 0px -1px'
74
74
  },
75
75
  [`& .SCPaywallsConfigurator-product-card-icon`]: {
76
- width: 14,
77
- height: 14,
76
+ width: 20,
77
+ height: 20,
78
78
  flexShrink: 0,
79
79
  borderRadius: '3px',
80
80
  marginRight: theme.spacing(),
81
81
  marginTop: '2px',
82
82
  padding: '3px',
83
83
  backgroundColor: 'red',
84
- color: 'white'
84
+ color: 'white',
85
+ [`& > .community-icons`]: {
86
+ fontSize: '20px'
87
+ }
85
88
  },
86
89
  [`& .SCPaywallsConfigurator-product-content`]: {
87
90
  flexGrow: 1,
@@ -26,8 +26,8 @@ const Component = {
26
26
  }
27
27
  },
28
28
  '& .SCVoteAudienceButton-dialog-vote-badge': {
29
- width: theme.selfcommunity.user.avatar.sizeSmall,
30
- height: theme.selfcommunity.user.avatar.sizeSmall,
29
+ width: theme.spacing(2),
30
+ height: theme.spacing(2),
31
31
  backgroundColor: theme.palette.background.paper,
32
32
  border: `1px solid ${theme.palette.background.paper}`
33
33
  }
@@ -17,7 +17,7 @@ declare const Component: {
17
17
  };
18
18
  };
19
19
  };
20
- popperRoot: ({ theme }: any) => {
20
+ popperRoot: () => {
21
21
  zIndex: number;
22
22
  '& .SCVoteButton-reaction .MuiIcon-root': {
23
23
  fontSize: string;
@@ -17,10 +17,10 @@ const Component = {
17
17
  }
18
18
  }
19
19
  }),
20
- popperRoot: ({ theme }) => ({
20
+ popperRoot: () => ({
21
21
  zIndex: 1400,
22
22
  '& .SCVoteButton-reaction .MuiIcon-root': {
23
- fontSize: '22px'
23
+ fontSize: '30px'
24
24
  }
25
25
  })
26
26
  }
@@ -1418,6 +1418,14 @@ declare const theme: {
1418
1418
  zIndex: number;
1419
1419
  backgroundColor: any;
1420
1420
  borderTop: string;
1421
+ '& .SCComposer-selected-action': {
1422
+ display: string;
1423
+ alignItems: string;
1424
+ '& .SCComposer-action-selected-icon': {
1425
+ marginLeft: any;
1426
+ fontSize: any;
1427
+ };
1428
+ };
1421
1429
  };
1422
1430
  '& .SCComposer-general-error': {
1423
1431
  marginBottom: any;
@@ -10833,7 +10841,7 @@ declare const theme: {
10833
10841
  };
10834
10842
  };
10835
10843
  };
10836
- popperRoot: ({ theme }: any) => {
10844
+ popperRoot: () => {
10837
10845
  zIndex: number;
10838
10846
  '& .SCVoteButton-reaction .MuiIcon-root': {
10839
10847
  fontSize: string;
@@ -12142,6 +12150,9 @@ declare const theme: {
12142
12150
  padding: string;
12143
12151
  backgroundColor: string;
12144
12152
  color: string;
12153
+ "& > .community-icons": {
12154
+ fontSize: string;
12155
+ };
12145
12156
  };
12146
12157
  "& .SCPaywallsConfigurator-product-content": {
12147
12158
  flexGrow: number;