@selfcommunity/react-theme-default 0.1.32 → 0.1.33-alpha.1

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 (30) hide show
  1. package/lib/cjs/components/SCContributionActionsMenu.d.ts +53 -2
  2. package/lib/cjs/components/SCContributionActionsMenu.js +54 -2
  3. package/lib/cjs/components/SCNavigationMenuIconButton.d.ts +3 -0
  4. package/lib/cjs/components/SCNavigationMenuIconButton.js +4 -0
  5. package/lib/cjs/components/SCSearchAutocomplete.d.ts +14 -0
  6. package/lib/cjs/components/SCSearchAutocomplete.js +15 -0
  7. package/lib/cjs/components/SCUserActionIconButton.d.ts +3 -0
  8. package/lib/cjs/components/SCUserActionIconButton.js +3 -0
  9. package/lib/cjs/components/SCVoteButton.d.ts +3 -0
  10. package/lib/cjs/components/SCVoteButton.js +5 -1
  11. package/lib/cjs/components/SCWidget.d.ts +1 -1
  12. package/lib/cjs/components/SCWidget.js +2 -1
  13. package/lib/cjs/index.d.ts +77 -3
  14. package/lib/esm/components/SCContributionActionsMenu.d.ts +53 -2
  15. package/lib/esm/components/SCContributionActionsMenu.js +54 -2
  16. package/lib/esm/components/SCNavigationMenuIconButton.d.ts +3 -0
  17. package/lib/esm/components/SCNavigationMenuIconButton.js +4 -0
  18. package/lib/esm/components/SCSearchAutocomplete.d.ts +14 -0
  19. package/lib/esm/components/SCSearchAutocomplete.js +15 -0
  20. package/lib/esm/components/SCUserActionIconButton.d.ts +3 -0
  21. package/lib/esm/components/SCUserActionIconButton.js +3 -0
  22. package/lib/esm/components/SCVoteButton.d.ts +3 -0
  23. package/lib/esm/components/SCVoteButton.js +5 -1
  24. package/lib/esm/components/SCWidget.d.ts +1 -1
  25. package/lib/esm/components/SCWidget.js +2 -1
  26. package/lib/esm/index.d.ts +77 -3
  27. package/lib/umd/850.js +2 -0
  28. package/lib/umd/850.js.LICENSE.txt +16 -0
  29. package/lib/umd/react-theme-default.js +2 -2
  30. package/package.json +10 -4
package/lib/cjs/components/SCContributionActionsMenu.d.ts CHANGED
@@ -1,14 +1,65 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- root: () => {
3
+ root: ({ theme }: any) => {
4
+ '& .SCContributionActionsMenu-button': {
5
+ color: any;
6
+ '&:hover': {
7
+ backgroundColor: string;
8
+ };
9
+ };
4
10
  '& .SCContributionActionsMenu-visibility-icons': {
5
- color: string;
11
+ color: any;
6
12
  '& > span: nth-of-type(2)': {
7
13
  position: string;
8
14
  top: number;
9
15
  };
10
16
  };
11
17
  };
18
+ popperRoot: ({ theme }: any) => {
19
+ zIndex: number;
20
+ '& .SCContributionActionsMenu-popper-root': {
21
+ overflow: string;
22
+ filter: string;
23
+ mt: number;
24
+ };
25
+ '& .SCContributionActionsMenu-paper': {
26
+ width: number;
27
+ '& .SCContributionActionsMenu-sub-item': {
28
+ '& .MuiListItemIcon-root': {
29
+ color: any;
30
+ };
31
+ '&:hover': {
32
+ backgroundColor: string;
33
+ };
34
+ };
35
+ };
36
+ '& .SCContributionActionsMenu-footer-sub-items': {
37
+ margin: string;
38
+ border: string;
39
+ padding: number;
40
+ borderRadius: number;
41
+ fontSize: number;
42
+ };
43
+ '& .SCContributionActionsMenu-selected-icon': {
44
+ marginLeft: number;
45
+ '&.MuiListItemIcon-root': {
46
+ width: string;
47
+ };
48
+ '& svg': {
49
+ fontSize: string;
50
+ };
51
+ };
52
+ '& .SCContributionActionsMenu-section-badge': {
53
+ padding: number;
54
+ minWidth: number;
55
+ height: number;
56
+ top: number;
57
+ };
58
+ '& .SCContributionActionsMenu-section-with-selection-icon': {
59
+ fontSize: number;
60
+ color: any;
61
+ };
62
+ };
12
63
  };
13
64
  };
14
65
  export default Component;
package/lib/cjs/components/SCContributionActionsMenu.js CHANGED
@@ -1,15 +1,67 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const system_1 = require("@mui/system");
3
4
  const Component = {
4
5
  styleOverrides: {
5
- root: () => ({
6
+ root: ({ theme }) => ({
7
+ '& .SCContributionActionsMenu-button': {
8
+ color: theme.palette.primary.main,
9
+ '&:hover': {
10
+ backgroundColor: (0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.hoverOpacity)
11
+ }
12
+ },
6
13
  '& .SCContributionActionsMenu-visibility-icons': {
7
- color: 'red',
14
+ color: theme.palette.secondary.main,
8
15
  '& > span: nth-of-type(2)': {
9
16
  position: 'relative',
10
17
  top: 1
11
18
  }
12
19
  }
20
+ }),
21
+ popperRoot: ({ theme }) => ({
22
+ zIndex: 2,
23
+ '& .SCContributionActionsMenu-popper-root': {
24
+ overflow: 'visible',
25
+ filter: 'drop-shadow(0px -1px 5px rgba(0,0,0,0.10))',
26
+ mt: 1.5
27
+ },
28
+ '& .SCContributionActionsMenu-paper': {
29
+ width: 280,
30
+ '& .SCContributionActionsMenu-sub-item': {
31
+ '& .MuiListItemIcon-root': {
32
+ color: theme.palette.text.secondary
33
+ },
34
+ '&:hover': {
35
+ backgroundColor: (0, system_1.alpha)(theme.palette.text.primary, theme.palette.action.hoverOpacity)
36
+ }
37
+ }
38
+ },
39
+ '& .SCContributionActionsMenu-footer-sub-items': {
40
+ margin: '10px 10px 10px 17px',
41
+ border: '1px solid #dddddd',
42
+ padding: 5,
43
+ borderRadius: 3,
44
+ fontSize: 11
45
+ },
46
+ '& .SCContributionActionsMenu-selected-icon': {
47
+ marginLeft: 2,
48
+ '&.MuiListItemIcon-root': {
49
+ width: '10px'
50
+ },
51
+ '& svg': {
52
+ fontSize: '1.4rem'
53
+ }
54
+ },
55
+ '& .SCContributionActionsMenu-section-badge': {
56
+ padding: 0,
57
+ minWidth: 15,
58
+ height: 15,
59
+ top: 3
60
+ },
61
+ '& .SCContributionActionsMenu-section-with-selection-icon': {
62
+ fontSize: 12,
63
+ color: theme.palette.common.white
64
+ }
13
65
  })
14
66
  }
15
67
  };
package/lib/cjs/components/SCNavigationMenuIconButton.d.ts CHANGED
@@ -30,6 +30,9 @@ declare const Component: {
30
30
  '& MuiButton-root': {
31
31
  padding: any;
32
32
  };
33
+ '& span:first-of-type': {
34
+ color: string;
35
+ };
33
36
  };
34
37
  };
35
38
  };
package/lib/cjs/components/SCNavigationMenuIconButton.js CHANGED
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const system_1 = require("@mui/system");
3
4
  const Component = {
4
5
  styleOverrides: {
5
6
  root: ({ theme }) => ({}),
@@ -31,6 +32,9 @@ const Component = {
31
32
  padding: theme.spacing(0, 2),
32
33
  '& MuiButton-root': {
33
34
  padding: theme.spacing(1, 1, 1, 2)
35
+ },
36
+ '& span:first-of-type': {
37
+ color: (0, system_1.darken)(theme.palette.text.primary, 0.5)
34
38
  }
35
39
  }
36
40
  })
package/lib/cjs/components/SCSearchAutocomplete.d.ts CHANGED
@@ -8,6 +8,20 @@ declare const Component: {
8
8
  padding: any;
9
9
  };
10
10
  };
11
+ '& .MuiInputBase-root': {
12
+ '& fieldset': {
13
+ borderColor: string;
14
+ };
15
+ '&:hover fieldset': {
16
+ borderColor: any;
17
+ };
18
+ '&.Mui-focused fieldset': {
19
+ borderColor: any;
20
+ };
21
+ '&.Mui-focused .SCSearchAutocomplete-icon': {
22
+ color: any;
23
+ };
24
+ };
11
25
  };
12
26
  };
13
27
  };
package/lib/cjs/components/SCSearchAutocomplete.js CHANGED
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const system_1 = require("@mui/system");
3
4
  const Component = {
4
5
  styleOverrides: {
5
6
  root: ({ theme }) => ({
@@ -9,6 +10,20 @@ const Component = {
9
10
  '& .MuiAutocomplete-input': {
10
11
  padding: theme.spacing(0.5, 1)
11
12
  }
13
+ },
14
+ '& .MuiInputBase-root': {
15
+ '& fieldset': {
16
+ borderColor: (0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.disabledOpacity)
17
+ },
18
+ '&:hover fieldset': {
19
+ borderColor: theme.palette.primary.main
20
+ },
21
+ '&.Mui-focused fieldset': {
22
+ borderColor: theme.palette.secondary.main
23
+ },
24
+ '&.Mui-focused .SCSearchAutocomplete-icon': {
25
+ color: theme.palette.secondary.main
26
+ }
12
27
  }
13
28
  })
14
29
  }
package/lib/cjs/components/SCUserActionIconButton.d.ts CHANGED
@@ -1,5 +1,8 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
+ root: ({ theme }: any) => {
4
+ color: any;
5
+ };
3
6
  menuRoot: ({ theme }: any) => {};
4
7
  };
5
8
  };
package/lib/cjs/components/SCUserActionIconButton.js CHANGED
@@ -2,6 +2,9 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
+ root: ({ theme }) => ({
6
+ color: theme.palette.primary.main
7
+ }),
5
8
  menuRoot: ({ theme }) => ({})
6
9
  }
7
10
  };
package/lib/cjs/components/SCVoteButton.d.ts CHANGED
@@ -9,6 +9,9 @@ declare const Component: {
9
9
  minWidth: number;
10
10
  '& .MuiIcon-root': {
11
11
  fontSize: string;
12
+ '& img': {
13
+ filter: string;
14
+ };
12
15
  };
13
16
  '&.MuiButton-sizeSmall': {
14
17
  padding: any;
package/lib/cjs/components/SCVoteButton.js CHANGED
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const hex_to_css_filter_1 = require("hex-to-css-filter");
3
4
  const Component = {
4
5
  styleOverrides: {
5
6
  root: ({ theme }) => ({
@@ -10,7 +11,10 @@ const Component = {
10
11
  padding: theme.spacing(1.5),
11
12
  minWidth: 0,
12
13
  '& .MuiIcon-root': {
13
- fontSize: '1.57rem'
14
+ fontSize: '1.57rem',
15
+ '& img': {
16
+ filter: (0, hex_to_css_filter_1.hexToCSSFilter)(theme.palette.primary.main).filter
17
+ }
14
18
  },
15
19
  '&.MuiButton-sizeSmall': {
16
20
  padding: theme.spacing(0.5),
package/lib/cjs/components/SCWidget.d.ts CHANGED
@@ -34,7 +34,7 @@ declare const Component: {
34
34
  '& h5': {
35
35
  fontFamily: any;
36
36
  fontWeight: any;
37
- color: any;
37
+ color: string;
38
38
  fontSize: string;
39
39
  };
40
40
  '& .MuiList-root': {
package/lib/cjs/components/SCWidget.js CHANGED
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const system_1 = require("@mui/system");
3
4
  const Component = {
4
5
  variants: [
5
6
  {
@@ -33,7 +34,7 @@ const Component = {
33
34
  '& h5': {
34
35
  fontFamily: theme.typography.fontFamily,
35
36
  fontWeight: theme.typography.fontWeightBold,
36
- color: theme.palette.common.black,
37
+ color: (0, system_1.darken)(theme.palette.text.primary, 0.5),
37
38
  fontSize: '1.143rem'
38
39
  },
39
40
  '& .MuiList-root': {
package/lib/cjs/index.d.ts CHANGED
@@ -1293,15 +1293,66 @@ declare const theme: {
1293
1293
  };
1294
1294
  SCContributionActionsMenu: {
1295
1295
  styleOverrides: {
1296
- root: () => {
1296
+ root: ({ theme }: any) => {
1297
+ '& .SCContributionActionsMenu-button': {
1298
+ color: any;
1299
+ '&:hover': {
1300
+ backgroundColor: string;
1301
+ };
1302
+ };
1297
1303
  '& .SCContributionActionsMenu-visibility-icons': {
1298
- color: string;
1304
+ color: any;
1299
1305
  '& > span: nth-of-type(2)': {
1300
1306
  position: string;
1301
1307
  top: number;
1302
1308
  };
1303
1309
  };
1304
1310
  };
1311
+ popperRoot: ({ theme }: any) => {
1312
+ zIndex: number;
1313
+ '& .SCContributionActionsMenu-popper-root': {
1314
+ overflow: string;
1315
+ filter: string;
1316
+ mt: number;
1317
+ };
1318
+ '& .SCContributionActionsMenu-paper': {
1319
+ width: number;
1320
+ '& .SCContributionActionsMenu-sub-item': {
1321
+ '& .MuiListItemIcon-root': {
1322
+ color: any;
1323
+ };
1324
+ '&:hover': {
1325
+ backgroundColor: string;
1326
+ };
1327
+ };
1328
+ };
1329
+ '& .SCContributionActionsMenu-footer-sub-items': {
1330
+ margin: string;
1331
+ border: string;
1332
+ padding: number;
1333
+ borderRadius: number;
1334
+ fontSize: number;
1335
+ };
1336
+ '& .SCContributionActionsMenu-selected-icon': {
1337
+ marginLeft: number;
1338
+ '&.MuiListItemIcon-root': {
1339
+ width: string;
1340
+ };
1341
+ '& svg': {
1342
+ fontSize: string;
1343
+ };
1344
+ };
1345
+ '& .SCContributionActionsMenu-section-badge': {
1346
+ padding: number;
1347
+ minWidth: number;
1348
+ height: number;
1349
+ top: number;
1350
+ };
1351
+ '& .SCContributionActionsMenu-section-with-selection-icon': {
1352
+ fontSize: number;
1353
+ color: any;
1354
+ };
1355
+ };
1305
1356
  };
1306
1357
  };
1307
1358
  SCCustomSnackMessage: {
@@ -3987,6 +4038,20 @@ declare const theme: {
3987
4038
  padding: any;
3988
4039
  };
3989
4040
  };
4041
+ '& .MuiInputBase-root': {
4042
+ '& fieldset': {
4043
+ borderColor: string;
4044
+ };
4045
+ '&:hover fieldset': {
4046
+ borderColor: any;
4047
+ };
4048
+ '&.Mui-focused fieldset': {
4049
+ borderColor: any;
4050
+ };
4051
+ '&.Mui-focused .SCSearchAutocomplete-icon': {
4052
+ color: any;
4053
+ };
4054
+ };
3990
4055
  };
3991
4056
  };
3992
4057
  };
@@ -4119,6 +4184,9 @@ declare const theme: {
4119
4184
  };
4120
4185
  SCUserActionIconButton: {
4121
4186
  styleOverrides: {
4187
+ root: ({ theme }: any) => {
4188
+ color: any;
4189
+ };
4122
4190
  menuRoot: ({ theme }: any) => {};
4123
4191
  };
4124
4192
  };
@@ -4425,6 +4493,9 @@ declare const theme: {
4425
4493
  minWidth: number;
4426
4494
  '& .MuiIcon-root': {
4427
4495
  fontSize: string;
4496
+ '& img': {
4497
+ filter: string;
4498
+ };
4428
4499
  };
4429
4500
  '&.MuiButton-sizeSmall': {
4430
4501
  padding: any;
@@ -4507,7 +4578,7 @@ declare const theme: {
4507
4578
  '& h5': {
4508
4579
  fontFamily: any;
4509
4580
  fontWeight: any;
4510
- color: any;
4581
+ color: string;
4511
4582
  fontSize: string;
4512
4583
  };
4513
4584
  '& .MuiList-root': {
@@ -5262,6 +5333,9 @@ declare const theme: {
5262
5333
  '& MuiButton-root': {
5263
5334
  padding: any;
5264
5335
  };
5336
+ '& span:first-of-type': {
5337
+ color: string;
5338
+ };
5265
5339
  };
5266
5340
  };
5267
5341
  };
package/lib/esm/components/SCContributionActionsMenu.d.ts CHANGED
@@ -1,14 +1,65 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- root: () => {
3
+ root: ({ theme }: any) => {
4
+ '& .SCContributionActionsMenu-button': {
5
+ color: any;
6
+ '&:hover': {
7
+ backgroundColor: string;
8
+ };
9
+ };
4
10
  '& .SCContributionActionsMenu-visibility-icons': {
5
- color: string;
11
+ color: any;
6
12
  '& > span: nth-of-type(2)': {
7
13
  position: string;
8
14
  top: number;
9
15
  };
10
16
  };
11
17
  };
18
+ popperRoot: ({ theme }: any) => {
19
+ zIndex: number;
20
+ '& .SCContributionActionsMenu-popper-root': {
21
+ overflow: string;
22
+ filter: string;
23
+ mt: number;
24
+ };
25
+ '& .SCContributionActionsMenu-paper': {
26
+ width: number;
27
+ '& .SCContributionActionsMenu-sub-item': {
28
+ '& .MuiListItemIcon-root': {
29
+ color: any;
30
+ };
31
+ '&:hover': {
32
+ backgroundColor: string;
33
+ };
34
+ };
35
+ };
36
+ '& .SCContributionActionsMenu-footer-sub-items': {
37
+ margin: string;
38
+ border: string;
39
+ padding: number;
40
+ borderRadius: number;
41
+ fontSize: number;
42
+ };
43
+ '& .SCContributionActionsMenu-selected-icon': {
44
+ marginLeft: number;
45
+ '&.MuiListItemIcon-root': {
46
+ width: string;
47
+ };
48
+ '& svg': {
49
+ fontSize: string;
50
+ };
51
+ };
52
+ '& .SCContributionActionsMenu-section-badge': {
53
+ padding: number;
54
+ minWidth: number;
55
+ height: number;
56
+ top: number;
57
+ };
58
+ '& .SCContributionActionsMenu-section-with-selection-icon': {
59
+ fontSize: number;
60
+ color: any;
61
+ };
62
+ };
12
63
  };
13
64
  };
14
65
  export default Component;
package/lib/esm/components/SCContributionActionsMenu.js CHANGED
@@ -1,13 +1,65 @@
1
+ import { alpha } from '@mui/system';
1
2
  const Component = {
2
3
  styleOverrides: {
3
- root: () => ({
4
+ root: ({ theme }) => ({
5
+ '& .SCContributionActionsMenu-button': {
6
+ color: theme.palette.primary.main,
7
+ '&:hover': {
8
+ backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity)
9
+ }
10
+ },
4
11
  '& .SCContributionActionsMenu-visibility-icons': {
5
- color: 'red',
12
+ color: theme.palette.secondary.main,
6
13
  '& > span: nth-of-type(2)': {
7
14
  position: 'relative',
8
15
  top: 1
9
16
  }
10
17
  }
18
+ }),
19
+ popperRoot: ({ theme }) => ({
20
+ zIndex: 2,
21
+ '& .SCContributionActionsMenu-popper-root': {
22
+ overflow: 'visible',
23
+ filter: 'drop-shadow(0px -1px 5px rgba(0,0,0,0.10))',
24
+ mt: 1.5
25
+ },
26
+ '& .SCContributionActionsMenu-paper': {
27
+ width: 280,
28
+ '& .SCContributionActionsMenu-sub-item': {
29
+ '& .MuiListItemIcon-root': {
30
+ color: theme.palette.text.secondary
31
+ },
32
+ '&:hover': {
33
+ backgroundColor: alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity)
34
+ }
35
+ }
36
+ },
37
+ '& .SCContributionActionsMenu-footer-sub-items': {
38
+ margin: '10px 10px 10px 17px',
39
+ border: '1px solid #dddddd',
40
+ padding: 5,
41
+ borderRadius: 3,
42
+ fontSize: 11
43
+ },
44
+ '& .SCContributionActionsMenu-selected-icon': {
45
+ marginLeft: 2,
46
+ '&.MuiListItemIcon-root': {
47
+ width: '10px'
48
+ },
49
+ '& svg': {
50
+ fontSize: '1.4rem'
51
+ }
52
+ },
53
+ '& .SCContributionActionsMenu-section-badge': {
54
+ padding: 0,
55
+ minWidth: 15,
56
+ height: 15,
57
+ top: 3
58
+ },
59
+ '& .SCContributionActionsMenu-section-with-selection-icon': {
60
+ fontSize: 12,
61
+ color: theme.palette.common.white
62
+ }
11
63
  })
12
64
  }
13
65
  };
package/lib/esm/components/SCNavigationMenuIconButton.d.ts CHANGED
@@ -30,6 +30,9 @@ declare const Component: {
30
30
  '& MuiButton-root': {
31
31
  padding: any;
32
32
  };
33
+ '& span:first-of-type': {
34
+ color: string;
35
+ };
33
36
  };
34
37
  };
35
38
  };
package/lib/esm/components/SCNavigationMenuIconButton.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { darken } from '@mui/system';
1
2
  const Component = {
2
3
  styleOverrides: {
3
4
  root: ({ theme }) => ({}),
@@ -29,6 +30,9 @@ const Component = {
29
30
  padding: theme.spacing(0, 2),
30
31
  '& MuiButton-root': {
31
32
  padding: theme.spacing(1, 1, 1, 2)
33
+ },
34
+ '& span:first-of-type': {
35
+ color: darken(theme.palette.text.primary, 0.5)
32
36
  }
33
37
  }
34
38
  })
package/lib/esm/components/SCSearchAutocomplete.d.ts CHANGED
@@ -8,6 +8,20 @@ declare const Component: {
8
8
  padding: any;
9
9
  };
10
10
  };
11
+ '& .MuiInputBase-root': {
12
+ '& fieldset': {
13
+ borderColor: string;
14
+ };
15
+ '&:hover fieldset': {
16
+ borderColor: any;
17
+ };
18
+ '&.Mui-focused fieldset': {
19
+ borderColor: any;
20
+ };
21
+ '&.Mui-focused .SCSearchAutocomplete-icon': {
22
+ color: any;
23
+ };
24
+ };
11
25
  };
12
26
  };
13
27
  };
package/lib/esm/components/SCSearchAutocomplete.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { alpha } from '@mui/system';
1
2
  const Component = {
2
3
  styleOverrides: {
3
4
  root: ({ theme }) => ({
@@ -7,6 +8,20 @@ const Component = {
7
8
  '& .MuiAutocomplete-input': {
8
9
  padding: theme.spacing(0.5, 1)
9
10
  }
11
+ },
12
+ '& .MuiInputBase-root': {
13
+ '& fieldset': {
14
+ borderColor: alpha(theme.palette.primary.main, theme.palette.action.disabledOpacity)
15
+ },
16
+ '&:hover fieldset': {
17
+ borderColor: theme.palette.primary.main
18
+ },
19
+ '&.Mui-focused fieldset': {
20
+ borderColor: theme.palette.secondary.main
21
+ },
22
+ '&.Mui-focused .SCSearchAutocomplete-icon': {
23
+ color: theme.palette.secondary.main
24
+ }
10
25
  }
11
26
  })
12
27
  }
package/lib/esm/components/SCUserActionIconButton.d.ts CHANGED
@@ -1,5 +1,8 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
+ root: ({ theme }: any) => {
4
+ color: any;
5
+ };
3
6
  menuRoot: ({ theme }: any) => {};
4
7
  };
5
8
  };
package/lib/esm/components/SCUserActionIconButton.js CHANGED
@@ -1,5 +1,8 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
+ root: ({ theme }) => ({
4
+ color: theme.palette.primary.main
5
+ }),
3
6
  menuRoot: ({ theme }) => ({})
4
7
  }
5
8
  };
package/lib/esm/components/SCVoteButton.d.ts CHANGED
@@ -9,6 +9,9 @@ declare const Component: {
9
9
  minWidth: number;
10
10
  '& .MuiIcon-root': {
11
11
  fontSize: string;
12
+ '& img': {
13
+ filter: string;
14
+ };
12
15
  };
13
16
  '&.MuiButton-sizeSmall': {
14
17
  padding: any;