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

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 (26) 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/SCVoteButton.d.ts +3 -0
  8. package/lib/cjs/components/SCVoteButton.js +5 -1
  9. package/lib/cjs/components/SCWidget.d.ts +1 -1
  10. package/lib/cjs/components/SCWidget.js +2 -1
  11. package/lib/cjs/index.d.ts +74 -3
  12. package/lib/esm/components/SCContributionActionsMenu.d.ts +53 -2
  13. package/lib/esm/components/SCContributionActionsMenu.js +54 -2
  14. package/lib/esm/components/SCNavigationMenuIconButton.d.ts +3 -0
  15. package/lib/esm/components/SCNavigationMenuIconButton.js +4 -0
  16. package/lib/esm/components/SCSearchAutocomplete.d.ts +14 -0
  17. package/lib/esm/components/SCSearchAutocomplete.js +15 -0
  18. package/lib/esm/components/SCVoteButton.d.ts +3 -0
  19. package/lib/esm/components/SCVoteButton.js +5 -1
  20. package/lib/esm/components/SCWidget.d.ts +1 -1
  21. package/lib/esm/components/SCWidget.js +2 -1
  22. package/lib/esm/index.d.ts +74 -3
  23. package/lib/umd/850.js +2 -0
  24. package/lib/umd/850.js.LICENSE.txt +16 -0
  25. package/lib/umd/react-theme-default.js +2 -2
  26. 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/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
  };
@@ -4425,6 +4490,9 @@ declare const theme: {
4425
4490
  minWidth: number;
4426
4491
  '& .MuiIcon-root': {
4427
4492
  fontSize: string;
4493
+ '& img': {
4494
+ filter: string;
4495
+ };
4428
4496
  };
4429
4497
  '&.MuiButton-sizeSmall': {
4430
4498
  padding: any;
@@ -4507,7 +4575,7 @@ declare const theme: {
4507
4575
  '& h5': {
4508
4576
  fontFamily: any;
4509
4577
  fontWeight: any;
4510
- color: any;
4578
+ color: string;
4511
4579
  fontSize: string;
4512
4580
  };
4513
4581
  '& .MuiList-root': {
@@ -5262,6 +5330,9 @@ declare const theme: {
5262
5330
  '& MuiButton-root': {
5263
5331
  padding: any;
5264
5332
  };
5333
+ '& span:first-of-type': {
5334
+ color: string;
5335
+ };
5265
5336
  };
5266
5337
  };
5267
5338
  };
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/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/esm/components/SCVoteButton.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { hexToCSSFilter } from 'hex-to-css-filter';
1
2
  const Component = {
2
3
  styleOverrides: {
3
4
  root: ({ theme }) => ({
@@ -8,7 +9,10 @@ const Component = {
8
9
  padding: theme.spacing(1.5),
9
10
  minWidth: 0,
10
11
  '& .MuiIcon-root': {
11
- fontSize: '1.57rem'
12
+ fontSize: '1.57rem',
13
+ '& img': {
14
+ filter: hexToCSSFilter(theme.palette.primary.main).filter
15
+ }
12
16
  },
13
17
  '&.MuiButton-sizeSmall': {
14
18
  padding: theme.spacing(0.5),
package/lib/esm/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/esm/components/SCWidget.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { darken } from '@mui/system';
1
2
  const Component = {
2
3
  variants: [
3
4
  {
@@ -31,7 +32,7 @@ const Component = {
31
32
  '& h5': {
32
33
  fontFamily: theme.typography.fontFamily,
33
34
  fontWeight: theme.typography.fontWeightBold,
34
- color: theme.palette.common.black,
35
+ color: darken(theme.palette.text.primary, 0.5),
35
36
  fontSize: '1.143rem'
36
37
  },
37
38
  '& .MuiList-root': {