@dartech/arsenal-ui 1.4.78 → 1.4.80

package/index.js

@@ -1602,8 +1602,20 @@ const inputThemeOptions = {
           },
 
           '&.MuiButton-root:hover': {
-            boxShadow: 'none',
+            boxShadow: 'none'
+          },
+          '&.MuiButton-containedPrimary:hover': {
             backgroundColor: '#D15C3B'
+          },
+          '&.MuiButton-outlinedPrimary:hover': {
+            backgroundColor: '#F6F6F7',
+            borderColor: '#DDDDE1'
+          },
+          '&.MuiButton-textPrimary': {
+            color: baseTheme.palette.secondary.main,
+            '&:hover': {
+              backgroundColor: '#DEF7FC'
+            }
           }
         }
       }
@@ -1651,6 +1663,7 @@ const inputThemeOptions = {
     MuiInputLabel: {
       styleOverrides: {
         root: {
+          color: '#6D6E85',
           position: 'relative',
           overflow: 'initial',
           transform: 'none',
@@ -1658,7 +1671,10 @@ const inputThemeOptions = {
           fontWeight: 500,
           fontSize: '14px',
           lineHeight: '20px',
-          pointerEvents: 'auto'
+          pointerEvents: 'auto',
+          '&.Mui-focused': {
+            color: '#6D6E85'
+          }
         }
       }
     },
@@ -1666,9 +1682,25 @@ const inputThemeOptions = {
       styleOverrides: {
         root: {
           borderRadius: baseTheme.spacing(3),
-          minWidth: baseTheme.spacing(25)
+          minWidth: baseTheme.spacing(25),
+          '&:hover': {
+            '.MuiOutlinedInput-notchedOutline': {
+              borderColor: '#8B8C9E'
+            }
+          },
+          '&.Mui-focused': {
+            '.MuiOutlinedInput-notchedOutline': {
+              borderColor: baseTheme.palette.secondary.main
+            }
+            // notchedOutline: {
+            //   borderWidth: 1,
+            //   borderColor: baseTheme.palette.secondary.main,
+            // }
+          }
         },
+
         notchedOutline: {
+          // border: 'none',
           top: 0,
           '& legend': {
             display: 'none',
@@ -1731,6 +1763,9 @@ const inputThemeOptions = {
           color: '#6D6E85',
           fontSize: 14,
           fontWeight: 500,
+          '&.Mui-focused': {
+            color: '#6D6E85'
+          },
           '& span': {
             color: '#D6331F'
           }
@@ -1806,7 +1841,7 @@ const tableThemeOptions = {
           }
         },
         head: {
-          padding: baseTheme.spacing(2.75, 2),
+          padding: baseTheme.spacing(2, 2),
           color: '#6D6E85'
         },
         body: {
@@ -1895,15 +1930,15 @@ const tableThemeOptions = {
           display: 'none'
         },
         withBorder: {
-          borderColor: '#26284214'
+          borderColor: '#E0E3EA'
         },
         cell: {
-          minHeight: '40px !important',
+          minHeight: '48px !important',
           textOverflow: 'ellipsis',
           wordBreak: 'break-all',
           lineHeight: 'unset',
           padding: baseTheme.spacing(1.25, 3),
-          borderColor: '#26284214',
+          borderColor: '#E0E3EA',
           '&:focus': {
             outline: 'none'
           }
@@ -3992,7 +4027,7 @@ function TableInner({
                   textOverflow: 'ellipsis',
                   padding: ({
                     spacing
-                  }) => spacing(1.4, 0)
+                  }) => spacing(2.4, 0)
                 }
               }, {
                 children: jsx(Box, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.4.78",
+  "version": "1.4.80",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/src/theme/inputThemeOptions.d.ts

@@ -12,7 +12,19 @@ declare const inputThemeOptions: {
                     };
                     '&.MuiButton-root:hover': {
                         boxShadow: string;
+                    };
+                    '&.MuiButton-containedPrimary:hover': {
+                        backgroundColor: string;
+                    };
+                    '&.MuiButton-outlinedPrimary:hover': {
                         backgroundColor: string;
+                        borderColor: string;
+                    };
+                    '&.MuiButton-textPrimary': {
+                        color: string;
+                        '&:hover': {
+                            backgroundColor: string;
+                        };
                     };
                 };
             };
@@ -52,6 +64,7 @@ declare const inputThemeOptions: {
         MuiInputLabel: {
             styleOverrides: {
                 root: {
+                    color: string;
                     position: string;
                     overflow: string;
                     transform: string;
@@ -60,6 +73,9 @@ declare const inputThemeOptions: {
                     fontSize: string;
                     lineHeight: string;
                     pointerEvents: string;
+                    '&.Mui-focused': {
+                        color: string;
+                    };
                 };
             };
         };
@@ -68,6 +84,16 @@ declare const inputThemeOptions: {
                 root: {
                     borderRadius: string;
                     minWidth: string;
+                    '&:hover': {
+                        '.MuiOutlinedInput-notchedOutline': {
+                            borderColor: string;
+                        };
+                    };
+                    '&.Mui-focused': {
+                        '.MuiOutlinedInput-notchedOutline': {
+                            borderColor: string;
+                        };
+                    };
                 };
                 notchedOutline: {
                     top: number;
@@ -132,6 +158,9 @@ declare const inputThemeOptions: {
                     color: string;
                     fontSize: number;
                     fontWeight: number;
+                    '&.Mui-focused': {
+                        color: string;
+                    };
                     '& span': {
                         color: string;
                     };