@zesty-io/material 0.6.4 → 0.6.6

package/es/LegacyTheme/index.d.ts

@@ -1,3 +1,3 @@
-import { Theme } from '@mui/material/styles';
+import { Theme } from "@mui/material/styles";
 declare let theme: Theme;
 export default theme;

package/es/LegacyTheme/index.js

@@ -1,8 +1,8 @@
 // No checking legacy theme to not have conflicting module augmentation
 // @ts-nocheck
-import palette from './palette';
-import typography from './typography';
-import { createTheme } from '@mui/material/styles';
+import palette from "./palette";
+import typography from "./typography";
+import { createTheme } from "@mui/material/styles";
 let theme = createTheme({
     palette,
     typography,
@@ -12,14 +12,14 @@ theme = createTheme(theme, {
         MuiAccordionSummary: {
             styleOverrides: {
                 root: {
-                    backgroundColor: '#e4e9f1',
+                    backgroundColor: "#e4e9f1",
                 },
             },
         },
         MuiButton: {
             styleOverrides: {
                 root: {
-                    minWidth: 'auto',
+                    minWidth: "auto",
                 },
             },
         },
@@ -28,8 +28,8 @@ theme = createTheme(theme, {
                 tooltip: {
                     color: theme.palette.primary.contrastText,
                     backgroundColor: theme.palette.primary.main,
-                    fontSize: '14px',
-                    lineHeight: '20px',
+                    fontSize: "14px",
+                    lineHeight: "20px",
                 },
                 arrow: {
                     color: theme.palette.primary.main,
@@ -56,14 +56,14 @@ theme = createTheme(theme, {
         MuiCard: {
             styleOverrides: {
                 root: {
-                    overflow: 'visible',
+                    overflow: "visible",
                 },
             },
         },
         MuiCardHeader: {
             styleOverrides: {
                 root: {
-                    backgroundColor: '#e4e9f1',
+                    backgroundColor: "#e4e9f1",
                 },
             },
         },
@@ -78,6 +78,25 @@ theme = createTheme(theme, {
                 }),
             },
         },
+        MuiCssBaseline: {
+            styleOverrides: {
+                body: {
+                    boxSizing: "content-box",
+                    "&::-webkit-scrollbar, & *::-webkit-scrollbar": {
+                        width: "8px",
+                        height: "8px",
+                    },
+                    "&::-webkit-scrollbar-track-piece, & *::-webkit-scrollbar-track-piece": {
+                        backgroundColor: "#f2f4f7",
+                        borderRadius: "4px",
+                    },
+                    "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
+                        backgroundColor: "#d0d5dd",
+                        borderRadius: "4px",
+                    },
+                },
+            },
+        },
     },
 });
 export default theme;

package/es/theme/index.js

@@ -417,6 +417,31 @@ theme = createTheme(theme, {
                 },
             },
         },
+        MuiCssBaseline: {
+            styleOverrides: {
+                body: {
+                    "&::-webkit-scrollbar, & *::-webkit-scrollbar": {
+                        width: "8px",
+                        height: "8px",
+                    },
+                    "&::-webkit-scrollbar-track-piece, & *::-webkit-scrollbar-track-piece": {
+                        backgroundColor: theme.palette.grey[100],
+                        borderRadius: "4px",
+                    },
+                    "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
+                        backgroundColor: theme.palette.grey[300],
+                        borderRadius: "4px",
+                    },
+                },
+            },
+        },
+        MuiDivider: {
+            styleOverrides: {
+                root: {
+                    borderColor: theme.palette.border
+                }
+            }
+        }
     },
 });
 export default theme;

package/es/theme/palette.d.ts

@@ -9,6 +9,7 @@ declare module '@mui/material/styles' {
         blue: Color;
         green: Color;
         purple: Color;
+        yellow: Color;
     }
     interface PaletteOptions {
         red?: Partial<Color>;
@@ -18,6 +19,7 @@ declare module '@mui/material/styles' {
         blue?: Partial<Color>;
         green?: Partial<Color>;
         purple?: Partial<Color>;
+        yellow?: Partial<Color>;
         border?: string;
     }
 }

package/es/theme/palette.js

@@ -115,16 +115,28 @@ const palette = {
         900: '#054F31',
     },
     purple: {
-        50: '#F3E5F5',
-        100: '#E1BEE7',
-        200: '#CE93D8',
-        300: '#BA68C8',
-        400: '#AB47BC',
-        500: '#9C27B0',
-        600: '#8E24AA',
-        700: '#7B1FA2',
-        800: '#6A1B9A',
-        900: '#4A148C',
+        50: '#F4F3FF',
+        100: '#EBE9FE',
+        200: '#D9D6FE',
+        300: '#BDB4FE',
+        400: '#9B8AFB',
+        500: '#7A5AF8',
+        600: '#6938EF',
+        700: '#5925DC',
+        800: '#4A1FB8',
+        900: '#3E1C96',
+    },
+    yellow: {
+        50: '#FFFCF5',
+        100: '#FEF0C7',
+        200: '#FEDF89',
+        300: '#FEC84B',
+        400: '#FDB022',
+        500: '#F79009',
+        600: '#DC6803',
+        700: '#B54708',
+        800: '#93370D',
+        900: '#7A2E0E',
     },
     border: "#F2F4F7",
     action: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zesty-io/material",
-  "version": "0.6.4",
+  "version": "0.6.6",
   "description": "Contains custom components which are in addition to the @mui design-system",
   "author": "Zesty.io",
   "license": "MIT",