Skip to content

Commit f3ecd27

Browse files
authored
[docs] Fix styleOverrides usage in README
Signed-off-by: Brijesh Bittu <[email protected]>
1 parent 698f036 commit f3ecd27

File tree

1 file changed

+34
-30
lines changed

1 file changed

+34
-30
lines changed

README.md

Lines changed: 34 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1054,18 +1054,20 @@ module.exports = withPigment(
10541054
{ ...nextConfig },
10551055
{
10561056
theme: {
1057-
styleOverrides: {
1057+
components: {
10581058
PigmentStat: {
1059-
root: {
1060-
backgroundColor: 'tomato',
1061-
},
1062-
value: {
1063-
color: 'white',
1064-
},
1065-
unit: {
1066-
color: 'white',
1067-
},
1068-
},
1059+
styleOverrides: {
1060+
root: {
1061+
backgroundColor: 'tomato',
1062+
},
1063+
value: {
1064+
color: 'white',
1065+
},
1066+
unit: {
1067+
color: 'white',
1068+
},
1069+
}
1070+
}
10691071
},
10701072
},
10711073
},
@@ -1084,27 +1086,29 @@ module.exports = withPigment(
10841086
primary: 'tomato',
10851087
primaryLight: 'lightcoral',
10861088
},
1087-
styleOverrides: {
1089+
components: {
10881090
PigmentStat: {
1089-
root: ({ theme }) => ({
1090-
backgroundColor: 'tomato',
1091-
variants: [
1092-
{
1093-
props: { variant: 'outlined' },
1094-
style: {
1095-
border: `2px solid ${theme.colors.primary}`,
1096-
backgroundColor: theme.colors.primaryLight,
1091+
styleOverrides: {
1092+
root: ({ theme }) => ({
1093+
backgroundColor: 'tomato',
1094+
variants: [
1095+
{
1096+
props: { variant: 'outlined' },
1097+
style: {
1098+
border: `2px solid ${theme.colors.primary}`,
1099+
backgroundColor: theme.colors.primaryLight,
1100+
},
10971101
},
1098-
},
1099-
],
1100-
}),
1101-
value: {
1102-
color: 'white',
1103-
},
1104-
unit: {
1105-
color: 'white',
1106-
},
1107-
},
1102+
],
1103+
}),
1104+
value: {
1105+
color: 'white',
1106+
},
1107+
unit: {
1108+
color: 'white',
1109+
},
1110+
}
1111+
}
11081112
},
11091113
},
11101114
},

0 commit comments

Comments
 (0)