@vertigis/react-ui 11.20.0 → 11.21.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.
- package/package.json +1 -1
- package/styles/createTheme.js +47 -11
package/package.json
CHANGED
package/styles/createTheme.js
CHANGED
|
@@ -246,33 +246,33 @@ function getOverrides(theme) {
|
|
|
246
246
|
// was removed in v5.
|
|
247
247
|
props: { variant: "contained", color: "grey" },
|
|
248
248
|
style: {
|
|
249
|
-
color:
|
|
249
|
+
color: palette.getContrastText(palette.grey[300]),
|
|
250
250
|
},
|
|
251
251
|
},
|
|
252
252
|
{
|
|
253
253
|
props: { variant: "outlined", color: "grey" },
|
|
254
254
|
style: {
|
|
255
|
-
color:
|
|
256
|
-
borderColor:
|
|
255
|
+
color: palette.text.primary,
|
|
256
|
+
borderColor: palette.mode === "light"
|
|
257
257
|
? "rgba(0, 0, 0, 0.23)"
|
|
258
258
|
: "rgba(255, 255, 255, 0.23)",
|
|
259
259
|
"&.Mui-disabled": {
|
|
260
|
-
border: `1px solid ${
|
|
260
|
+
border: `1px solid ${palette.action.disabledBackground}`,
|
|
261
261
|
},
|
|
262
262
|
"&:hover": {
|
|
263
|
-
borderColor:
|
|
263
|
+
borderColor: palette.mode === "light"
|
|
264
264
|
? "rgba(0, 0, 0, 0.23)"
|
|
265
265
|
: "rgba(255, 255, 255, 0.23)",
|
|
266
|
-
backgroundColor: alpha(
|
|
266
|
+
backgroundColor: alpha(palette.text.primary, palette.action.hoverOpacity),
|
|
267
267
|
},
|
|
268
268
|
},
|
|
269
269
|
},
|
|
270
270
|
{
|
|
271
271
|
props: { color: "grey", variant: "text" },
|
|
272
272
|
style: {
|
|
273
|
-
color:
|
|
273
|
+
color: palette.text.primary,
|
|
274
274
|
"&:hover": {
|
|
275
|
-
backgroundColor: alpha(
|
|
275
|
+
backgroundColor: alpha(palette.text.primary, palette.action.hoverOpacity),
|
|
276
276
|
},
|
|
277
277
|
},
|
|
278
278
|
},
|
|
@@ -394,7 +394,7 @@ function getOverrides(theme) {
|
|
|
394
394
|
paddingLeft: spacing(1),
|
|
395
395
|
borderRadius: shape.borderRadius,
|
|
396
396
|
color: "white",
|
|
397
|
-
backgroundColor:
|
|
397
|
+
backgroundColor: palette.error.main,
|
|
398
398
|
},
|
|
399
399
|
},
|
|
400
400
|
},
|
|
@@ -414,7 +414,7 @@ function getOverrides(theme) {
|
|
|
414
414
|
padding: spacing(1),
|
|
415
415
|
borderRadius: shape.borderRadius,
|
|
416
416
|
color: "white",
|
|
417
|
-
backgroundColor:
|
|
417
|
+
backgroundColor: palette.error.main,
|
|
418
418
|
},
|
|
419
419
|
"&.Mui-focused": {
|
|
420
420
|
color: "currentColor",
|
|
@@ -599,7 +599,7 @@ function getOverrides(theme) {
|
|
|
599
599
|
// theme's `htmlFontSize` setting. Override with
|
|
600
600
|
// pxToRem to get the correct height regardless of
|
|
601
601
|
// HTML font size.
|
|
602
|
-
fontSize:
|
|
602
|
+
fontSize: typography.pxToRem(20),
|
|
603
603
|
},
|
|
604
604
|
},
|
|
605
605
|
},
|
|
@@ -881,6 +881,42 @@ function getOverrides(theme) {
|
|
|
881
881
|
borderLeft: undefined,
|
|
882
882
|
},
|
|
883
883
|
},
|
|
884
|
+
"&.MuiToggleButton-primary": {
|
|
885
|
+
// Copy primary outlined button style.
|
|
886
|
+
color: palette.primary.main,
|
|
887
|
+
borderColor: alpha(palette.primary.main, 0.5),
|
|
888
|
+
"&:hover": {
|
|
889
|
+
// The !important hack overrides other rules that normally hide the left/right border.
|
|
890
|
+
borderColor: `${palette.primary.main} !important`,
|
|
891
|
+
backgroundColor: alpha(palette.primary.main, palette.action.hoverOpacity),
|
|
892
|
+
},
|
|
893
|
+
"&.Mui-selected": {
|
|
894
|
+
// Copy primary contained button style.
|
|
895
|
+
color: palette.primary.contrastText,
|
|
896
|
+
backgroundColor: palette.primary.main,
|
|
897
|
+
"&:hover": {
|
|
898
|
+
backgroundColor: palette.primary.dark,
|
|
899
|
+
},
|
|
900
|
+
},
|
|
901
|
+
},
|
|
902
|
+
"&.MuiToggleButton-secondary": {
|
|
903
|
+
// Copy secondary outlined button style.
|
|
904
|
+
color: palette.secondary.main,
|
|
905
|
+
borderColor: alpha(palette.secondary.main, 0.5),
|
|
906
|
+
"&:hover": {
|
|
907
|
+
// The !important hack overrides other rules that normally hide the left/right border.
|
|
908
|
+
borderColor: `${palette.secondary.main} !important`,
|
|
909
|
+
backgroundColor: alpha(palette.secondary.main, palette.action.hoverOpacity),
|
|
910
|
+
},
|
|
911
|
+
"&.Mui-selected": {
|
|
912
|
+
// Copy secondary contained button style.
|
|
913
|
+
color: palette.secondary.contrastText,
|
|
914
|
+
backgroundColor: palette.secondary.main,
|
|
915
|
+
"&:hover": {
|
|
916
|
+
backgroundColor: palette.secondary.dark,
|
|
917
|
+
},
|
|
918
|
+
},
|
|
919
|
+
},
|
|
884
920
|
},
|
|
885
921
|
},
|
|
886
922
|
},
|