@zesty-io/material 0.14.0 → 0.15.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.
- package/es/theme/index.js +38 -3
- package/package.json +1 -1
package/es/theme/index.js
CHANGED
|
@@ -348,16 +348,48 @@ const components = {
|
|
|
348
348
|
},
|
|
349
349
|
MuiAlert: {
|
|
350
350
|
styleOverrides: {
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
351
|
+
root: {
|
|
352
|
+
borderRadius: "8px",
|
|
353
|
+
padding: "8px 12px",
|
|
354
|
+
gap: "12px",
|
|
354
355
|
},
|
|
356
|
+
action: ({ theme }) => ({
|
|
357
|
+
color: theme.palette.common.white,
|
|
358
|
+
alignItems: "center",
|
|
359
|
+
padding: 0,
|
|
360
|
+
paddingLeft: "16px",
|
|
361
|
+
marginRight: 0,
|
|
362
|
+
}),
|
|
363
|
+
message: ({ theme }) => ({
|
|
364
|
+
alignSelf: "center",
|
|
365
|
+
color: theme.palette.common.white,
|
|
366
|
+
}),
|
|
367
|
+
icon: ({ theme }) => ({
|
|
368
|
+
alignSelf: "center",
|
|
369
|
+
marginRight: 0,
|
|
370
|
+
color: theme.palette.common.white,
|
|
371
|
+
}),
|
|
372
|
+
filledSuccess: ({ theme }) => ({
|
|
373
|
+
backgroundColor: theme.palette.success.dark,
|
|
374
|
+
}),
|
|
375
|
+
filledInfo: ({ theme }) => ({
|
|
376
|
+
backgroundColor: theme.palette.info.main,
|
|
377
|
+
}),
|
|
378
|
+
filledWarning: ({ theme }) => ({
|
|
379
|
+
backgroundColor: theme.palette.warning.main,
|
|
380
|
+
}),
|
|
381
|
+
filledError: ({ theme }) => ({
|
|
382
|
+
backgroundColor: theme.palette.error.dark,
|
|
383
|
+
}),
|
|
355
384
|
standardWarning: ({ theme }) => ({
|
|
356
385
|
backgroundColor: theme.palette.yellow[100],
|
|
357
386
|
color: theme.palette.warning.dark,
|
|
358
387
|
" .MuiAlert-icon": {
|
|
359
388
|
color: theme.palette.warning.dark,
|
|
360
389
|
},
|
|
390
|
+
"& .MuiAlert-message": {
|
|
391
|
+
color: theme.palette.warning.dark,
|
|
392
|
+
},
|
|
361
393
|
}),
|
|
362
394
|
standardInfo: ({ theme }) => ({
|
|
363
395
|
backgroundColor: theme.palette.blue[100],
|
|
@@ -373,6 +405,9 @@ const components = {
|
|
|
373
405
|
" .MuiAlert-icon": {
|
|
374
406
|
color: theme.palette.error.main,
|
|
375
407
|
},
|
|
408
|
+
"& .MuiAlert-message": {
|
|
409
|
+
color: theme.palette.error.main,
|
|
410
|
+
},
|
|
376
411
|
}),
|
|
377
412
|
},
|
|
378
413
|
},
|