@zesty-io/material 0.13.0 → 0.13.2
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/es/theme/index.js +28 -3
- package/es/theme/palette.js +1 -1
- package/package.json +1 -1
package/es/theme/index.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
2
|
import { lightThemePalette, darkThemePalette } from "./palette";
|
|
2
3
|
import typography from "./typography";
|
|
3
4
|
import { alpha, createTheme } from "@mui/material/styles";
|
|
5
|
+
import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
|
|
4
6
|
const components = {
|
|
5
7
|
MuiFormLabel: {
|
|
6
8
|
styleOverrides: {
|
|
@@ -85,6 +87,9 @@ const components = {
|
|
|
85
87
|
textInherit: ({ theme }) => ({
|
|
86
88
|
color: theme.palette.text.secondary,
|
|
87
89
|
}),
|
|
90
|
+
containedWarning: ({ theme }) => ({
|
|
91
|
+
color: theme.palette.common.white,
|
|
92
|
+
}),
|
|
88
93
|
},
|
|
89
94
|
defaultProps: {
|
|
90
95
|
disableElevation: true,
|
|
@@ -214,7 +219,7 @@ const components = {
|
|
|
214
219
|
MuiDialog: {
|
|
215
220
|
styleOverrides: {
|
|
216
221
|
paper: {
|
|
217
|
-
borderRadius: "
|
|
222
|
+
borderRadius: "4px",
|
|
218
223
|
},
|
|
219
224
|
paperWidthXs: {
|
|
220
225
|
width: "480px",
|
|
@@ -322,16 +327,19 @@ const components = {
|
|
|
322
327
|
styleOverrides: {
|
|
323
328
|
icon: {
|
|
324
329
|
alignSelf: "center",
|
|
330
|
+
marginRight: "8px",
|
|
325
331
|
},
|
|
326
332
|
standardWarning: ({ theme }) => ({
|
|
333
|
+
backgroundColor: theme.palette.yellow[100],
|
|
334
|
+
color: theme.palette.warning.dark,
|
|
327
335
|
" .MuiAlert-icon": {
|
|
328
|
-
color: theme.palette.
|
|
336
|
+
color: theme.palette.warning.dark,
|
|
329
337
|
},
|
|
330
338
|
}),
|
|
331
339
|
standardInfo: ({ theme }) => ({
|
|
332
340
|
backgroundColor: theme.palette.blue[100],
|
|
333
341
|
" .MuiAlert-icon": {
|
|
334
|
-
color: theme.palette.info.
|
|
342
|
+
color: theme.palette.info.dark,
|
|
335
343
|
},
|
|
336
344
|
"& .MuiAlert-message": {
|
|
337
345
|
color: theme.palette.info.dark,
|
|
@@ -584,6 +592,23 @@ const components = {
|
|
|
584
592
|
}),
|
|
585
593
|
},
|
|
586
594
|
},
|
|
595
|
+
MuiCheckbox: {
|
|
596
|
+
styleOverrides: {
|
|
597
|
+
root: {
|
|
598
|
+
color: "text.disabled",
|
|
599
|
+
},
|
|
600
|
+
},
|
|
601
|
+
},
|
|
602
|
+
MuiAutocomplete: {
|
|
603
|
+
defaultProps: {
|
|
604
|
+
popupIcon: _jsx(KeyboardArrowDownRoundedIcon, {}),
|
|
605
|
+
},
|
|
606
|
+
},
|
|
607
|
+
MuiSelect: {
|
|
608
|
+
defaultProps: {
|
|
609
|
+
IconComponent: KeyboardArrowDownRoundedIcon,
|
|
610
|
+
},
|
|
611
|
+
},
|
|
587
612
|
};
|
|
588
613
|
export let theme = createTheme({
|
|
589
614
|
typography,
|
package/es/theme/palette.js
CHANGED