@zesty-io/material 0.13.2 → 0.15.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/es/theme/index.d.ts +3 -2
- package/es/theme/index.js +54 -4
- package/package.json +1 -1
package/es/theme/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Theme } from "@mui/material/styles";
|
|
1
2
|
declare module "@mui/material/styles" {
|
|
2
3
|
interface Palette {
|
|
3
4
|
border: string;
|
|
@@ -14,5 +15,5 @@ declare module "@mui/material/Button" {
|
|
|
14
15
|
xsmall: true;
|
|
15
16
|
}
|
|
16
17
|
}
|
|
17
|
-
export declare let theme:
|
|
18
|
-
export declare let darkTheme:
|
|
18
|
+
export declare let theme: Theme;
|
|
19
|
+
export declare let darkTheme: Theme;
|
package/es/theme/index.js
CHANGED
|
@@ -308,12 +308,13 @@ const components = {
|
|
|
308
308
|
},
|
|
309
309
|
MuiChip: {
|
|
310
310
|
styleOverrides: {
|
|
311
|
-
root: {
|
|
311
|
+
root: ({ theme }) => ({
|
|
312
312
|
borderRadius: "4px",
|
|
313
|
-
},
|
|
313
|
+
}),
|
|
314
314
|
// @ts-ignore
|
|
315
315
|
colorDefault: ({ theme }) => ({
|
|
316
316
|
backgroundColor: theme.palette.grey[100],
|
|
317
|
+
color: theme.palette.text.secondary,
|
|
317
318
|
":hover": {
|
|
318
319
|
backgroundColor: theme.palette.grey[200],
|
|
319
320
|
},
|
|
@@ -321,14 +322,63 @@ const components = {
|
|
|
321
322
|
backgroundColor: theme.palette.grey[300],
|
|
322
323
|
},
|
|
323
324
|
}),
|
|
325
|
+
colorInfo: ({ theme }) => ({
|
|
326
|
+
backgroundColor: theme.palette.blue[100],
|
|
327
|
+
color: theme.palette.blue[600],
|
|
328
|
+
}),
|
|
329
|
+
colorSuccess: ({ theme }) => ({
|
|
330
|
+
backgroundColor: theme.palette.green[50],
|
|
331
|
+
color: theme.palette.green[600],
|
|
332
|
+
}),
|
|
333
|
+
colorWarning: ({ theme }) => ({
|
|
334
|
+
backgroundColor: theme.palette.yellow[100],
|
|
335
|
+
color: theme.palette.yellow[600],
|
|
336
|
+
}),
|
|
337
|
+
colorError: ({ theme }) => ({
|
|
338
|
+
backgroundColor: theme.palette.red[100],
|
|
339
|
+
color: theme.palette.red[600],
|
|
340
|
+
}),
|
|
341
|
+
sizeSmall: ({ theme }) => ({
|
|
342
|
+
"& .MuiChip-label": {
|
|
343
|
+
...theme.typography.body3,
|
|
344
|
+
fontWeight: 600,
|
|
345
|
+
},
|
|
346
|
+
}),
|
|
324
347
|
},
|
|
325
348
|
},
|
|
326
349
|
MuiAlert: {
|
|
327
350
|
styleOverrides: {
|
|
328
|
-
|
|
351
|
+
root: {
|
|
352
|
+
borderRadius: "8px",
|
|
353
|
+
padding: "8px 12px",
|
|
354
|
+
},
|
|
355
|
+
action: ({ theme }) => ({
|
|
356
|
+
color: theme.palette.common.white,
|
|
357
|
+
alignItems: "center",
|
|
358
|
+
padding: 0,
|
|
359
|
+
paddingLeft: "16px",
|
|
360
|
+
marginRight: 0,
|
|
361
|
+
}),
|
|
362
|
+
message: ({ theme }) => ({
|
|
363
|
+
color: theme.palette.common.white,
|
|
364
|
+
}),
|
|
365
|
+
icon: ({ theme }) => ({
|
|
329
366
|
alignSelf: "center",
|
|
330
367
|
marginRight: "8px",
|
|
331
|
-
|
|
368
|
+
color: theme.palette.common.white,
|
|
369
|
+
}),
|
|
370
|
+
filledSuccess: ({ theme }) => ({
|
|
371
|
+
backgroundColor: theme.palette.success.dark,
|
|
372
|
+
}),
|
|
373
|
+
filledInfo: ({ theme }) => ({
|
|
374
|
+
backgroundColor: theme.palette.info.main,
|
|
375
|
+
}),
|
|
376
|
+
filledWarning: ({ theme }) => ({
|
|
377
|
+
backgroundColor: theme.palette.warning.main,
|
|
378
|
+
}),
|
|
379
|
+
filledError: ({ theme }) => ({
|
|
380
|
+
backgroundColor: theme.palette.error.dark,
|
|
381
|
+
}),
|
|
332
382
|
standardWarning: ({ theme }) => ({
|
|
333
383
|
backgroundColor: theme.palette.yellow[100],
|
|
334
384
|
color: theme.palette.warning.dark,
|