@m4l/styles 0.0.20 → 0.0.21

package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts

@@ -7,6 +7,9 @@ export declare const M4LRHFAutocomplete: (theme: Theme) => {
                 flexDirection: string;
                 width: string;
                 gap: string;
+                "& .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root": {
+                    padding: string;
+                };
                 '& .M4LRHFAutocomplete-label': {
                     color: string;
                     transition: string;
@@ -14,8 +17,9 @@ export declare const M4LRHFAutocomplete: (theme: Theme) => {
                 '& .MuiAutocomplete-endAdornment': {
                     top: string;
                 };
-                '& .MuiInputBase-root': {
+                '& .MuiAutocomplete-root .MuiInputBase-root': {
                     padding: string;
+                    heigth: string;
                     '& .MuiInputBase-input': {
                         heigth: string;
                         color: string;
@@ -117,17 +121,27 @@ export declare const M4LRHFAutocomplete: (theme: Theme) => {
                 };
                 '&.M4LRHFAutocomplete-sizeSmall': {
                     '& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFAutocomplete-skeleton': {
-                        height: string;
+                        heigth: string;
                         padding: string;
                     };
                 };
                 '&.M4LRHFAutocomplete-sizeMedium': {
                     '& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFAutocomplete-skeleton': {
-                        height: string;
+                        heigth: string;
                         padding: string;
                     };
                 };
             };
         };
     };
+    M4LRHFAutocompletePopover: {
+        styleOverrides: {
+            '&.M4LRHFAutocomplete-popper': {
+                test: string;
+                '& .MuiPaper-root': {
+                    boxShadow: string;
+                };
+            };
+        };
+    };
 };

package/theme/overrides/M4LRHFComponents/{index.1406e2ed.js → index.e3118e8b.js}

@@ -8,7 +8,7 @@ const n = (t) => ({
       }
     }
   }
-}), l = (t) => ({
+}), r = (t) => ({
   M4LRHFTextField: {
     styleOverrides: {
       "&.M4LRHFTextField-root": {
@@ -26,7 +26,7 @@ const n = (t) => ({
             color: t.palette.text.secondary,
             padding: "4px 8px",
             backgroundColor: "transparent",
-            height: "fit-content",
+            height: "100%",
             ...t.typography.body
           },
           "& .MuiInputAdornment-root": {
@@ -153,7 +153,7 @@ const n = (t) => ({
       }
     }
   }
-}), r = (t) => ({
+}), l = (t) => ({
   M4LRHFCheckbox: {
     styleOverrides: {
       "&.M4LRHFCheckbox-root": {
@@ -224,6 +224,9 @@ const n = (t) => ({
         flexDirection: "column",
         width: "100%",
         gap: "4px",
+        "& .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root": {
+          padding: "0"
+        },
         "& .M4LRHFAutocomplete-label": {
           color: t.palette.text.secondary,
           transition: "all .3s ease"
@@ -231,14 +234,15 @@ const n = (t) => ({
         "& .MuiAutocomplete-endAdornment": {
           top: "unset"
         },
-        "& .MuiInputBase-root": {
-          padding: "0px",
+        "& .MuiAutocomplete-root .MuiInputBase-root": {
+          padding: "0p 8px",
+          heigth: "100%",
           "& .MuiInputBase-input": {
             color: t.palette.text.secondary,
             padding: "4px",
             backgroundColor: "transparent",
             ...t.typography.body,
-            heigth: "28px"
+            heigth: "100%"
           },
           "& .MuiInputAdornment-root": {
             margin: "0px",
@@ -335,18 +339,28 @@ const n = (t) => ({
         },
         "&.M4LRHFAutocomplete-sizeSmall": {
           "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFAutocomplete-skeleton": {
-            height: "24px",
-            padding: "0px 8px"
+            heigth: "28px",
+            padding: "0px 0px"
           }
         },
         "&.M4LRHFAutocomplete-sizeMedium": {
           "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFAutocomplete-skeleton": {
-            height: "28px",
+            heigth: "32px",
             padding: "0px 8px"
           }
         }
       }
     }
+  },
+  M4LRHFAutocompletePopover: {
+    styleOverrides: {
+      "&.M4LRHFAutocomplete-popper": {
+        test: "root",
+        "& .MuiPaper-root": {
+          boxShadow: t.customShadows.z3
+        }
+      }
+    }
   }
 }), p = (t) => ({
   M4LRHFAutocompleteAsync: {
@@ -667,12 +681,12 @@ const n = (t) => ({
   }
 });
 export {
-  l as M,
+  r as M,
   n as a,
   u as b,
   p as c,
   d,
   s as e,
   M as f,
-  r as g
+  l as g
 };

package/theme/overrides/MUIComponents/Button.d.ts

@@ -3,7 +3,9 @@ export default function Button(theme: Theme): {
     MuiButton: {
         styleOverrides: {
             root: {
-                textTransform: string;
+                display: string;
+                flexDirection: string;
+                alignItems: string;
                 '&:hover': {
                     boxShadow: string;
                 };

package/theme/overrides/MUIComponents/Input.d.ts

@@ -2,19 +2,25 @@ import { Theme } from '@mui/material/styles';
 export default function Input(theme: Theme): {
     MuiFormControl: {
         styleOverrides: {
-            root: {};
+            root: {
+                [x: string]: string | {
+                    height: number;
+                    minHeight: number;
+                };
+                height: string;
+            };
         };
     };
     MuiInputBase: {
         styleOverrides: {
             root: {
                 borderRadius: string;
+                padding: string;
                 '&.Mui-disabled': {
                     '& svg': {
                         color: string;
                     };
                 };
-                padding: string;
                 '@font-face'?: import("@mui/material/styles/createTypography").Fontface | import("@mui/material/styles/createTypography").Fontface[] | undefined;
                 accentColor?: import("csstype").Property.AccentColor | undefined;
                 alignContent?: import("csstype").Property.AlignContent | undefined;
@@ -172,7 +178,7 @@ export default function Input(theme: Theme): {
                 gridTemplateColumns?: import("csstype").Property.GridTemplateColumns<string | number> | undefined;
                 gridTemplateRows?: import("csstype").Property.GridTemplateRows<string | number> | undefined;
                 hangingPunctuation?: import("csstype").Property.HangingPunctuation | undefined;
-                height?: import("csstype").Property.Height<string | number> | undefined;
+                height: import("csstype").Property.Height<string | number>;
                 hyphenateCharacter?: import("csstype").Property.HyphenateCharacter | undefined;
                 hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | undefined;
                 hyphens?: import("csstype").Property.Hyphens | undefined;
@@ -870,8 +876,15 @@ export default function Input(theme: Theme): {
                     padding: string;
                 };
                 '& .MuiOutlinedInput-notchedOutline': {
+                    [x: string]: string | number | {
+                        height: number;
+                        minHeight: number;
+                    };
                     borderColor: string;
                     fontSize: string;
+                    height: number;
+                    minHeight: number;
+                    padding: string;
                 };
                 '&.Mui-disabled': {
                     '& .MuiOutlinedInput-notchedOutline': {

package/theme/overrides/MUIComponents/Tabs.d.ts

@@ -17,6 +17,7 @@ export default function Tabs(theme: Theme): {
                         flexDirection: string;
                         alignItems: string;
                         gap: number;
+                        width: string;
                         boxShadow: string;
                         background: string;
                         borderTop: string;
@@ -28,6 +29,7 @@ export default function Tabs(theme: Theme): {
                 };
                 '&.Mui-selected': {
                     color: string;
+                    lineHeight: string;
                 };
                 '&:not(:last-of-type)': {
                     marginRight: string;

package/theme/overrides/MUIComponents/{index.e3d060c3.js → index.25926753.js}

@@ -1,6 +1,6 @@
 import { alpha as e } from "@mui/material";
 import { alpha as t } from "@mui/material/styles";
-function l(o) {
+function s(o) {
   return {
     MuiAvatar: {
       styleOverrides: {
@@ -25,12 +25,14 @@ function l(o) {
     }
   };
 }
-function s(o) {
+function l(o) {
   return {
     MuiButton: {
       styleOverrides: {
         root: {
-          textTransform: "capitalize",
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
           "&:hover": {
             boxShadow: "none"
           }
@@ -78,7 +80,7 @@ function s(o) {
     }
   };
 }
-function u(o) {
+function p(o) {
   return {
     MuiIconButton: {
       styleOverrides: {
@@ -102,8 +104,8 @@ function u(o) {
     }
   };
 }
-function p(o) {
-  return console.log("test theme", o.palette), {
+function u(o) {
+  return {
     MuiFab: {
       defaultProps: {
         color: "primary"
@@ -188,17 +190,19 @@ function g(o) {
               flexDirection: "row",
               alignItems: "center",
               gap: 4,
+              width: "fit-content",
               boxShadow: o.customShadows.z2,
               background: o.palette.background.default,
-              borderTop: "1px solid",
-              borderColor: o.palette.background.background
+              borderTop: "1.5px solid",
+              borderColor: o.palette.state.borderTop
             },
             "& .MuiTabs-indicator": {
               backgroundColor: "transparent"
             }
           },
           "&.Mui-selected": {
-            color: o.palette.text.primary
+            color: o.palette.text.primary,
+            lineHeight: "none"
           },
           "&:not(:last-of-type)": {
             marginRight: o.spacing(5)
@@ -480,22 +484,29 @@ function k(o) {
   return {
     MuiFormControl: {
       styleOverrides: {
-        root: {}
+        root: {
+          height: "28px",
+          [o.breakpoints.down("sm")]: {
+            height: 32,
+            minHeight: 32
+          }
+        }
       }
     },
     MuiInputBase: {
       styleOverrides: {
         root: {
+          height: "100%",
           backgroundColor: o.palette.background.default,
           ...o.typography.body2,
           borderRadius: o.spacing(1),
+          padding: "0px",
           "&.Mui-disabled": {
             "& svg": { color: o.palette.text.disabled }
-          },
-          padding: "0px"
+          }
         },
         input: {
-          padding: "4px 8px",
+          padding: "0",
           "&::placeholder": {
             opacity: 1,
             color: o.palette.text.disabled
@@ -543,7 +554,14 @@ function k(o) {
           },
           "& .MuiOutlinedInput-notchedOutline": {
             borderColor: o.palette.grey[50032],
-            fontSize: "0.875rem"
+            fontSize: "0.875rem",
+            height: 28,
+            minHeight: 28,
+            padding: "0px",
+            [o.breakpoints.down("sm")]: {
+              height: 32,
+              minHeight: 32
+            }
           },
           "&.Mui-disabled": {
             "& .MuiOutlinedInput-notchedOutline": {
@@ -625,7 +643,7 @@ function C(o) {
     }
   };
 }
-function O(o) {
+function h(o) {
   return {
     MuiDialog: {
       styleOverrides: {
@@ -681,7 +699,7 @@ function O(o) {
     }
   };
 }
-function B(o) {
+function O(o) {
   const r = o.palette.mode === "light";
   return {
     MuiSlider: {
@@ -706,7 +724,7 @@ function B(o) {
     }
   };
 }
-function h(o) {
+function B(o) {
   const r = o.palette.mode === "light";
   return {
     MuiSwitch: {
@@ -789,7 +807,7 @@ function L(o) {
     }
   };
 }
-function D(o) {
+function m(o) {
   return {
     MuiDataGrid: {
       styleOverrides: {
@@ -886,7 +904,7 @@ function D(o) {
     }
   };
 }
-function m(o) {
+function D(o) {
   return {
     MuiSkeleton: {
       defaultProps: {
@@ -920,7 +938,7 @@ function P(o) {
     }
   };
 }
-function z(o) {
+function $(o) {
   const r = o.palette.mode === "light";
   return {
     MuiLinearProgress: {
@@ -942,7 +960,7 @@ function z(o) {
     }
   };
 }
-function $(o) {
+function z(o) {
   return {
     MuiTimelineDot: {
       styleOverrides: {
@@ -1331,37 +1349,37 @@ const J = (o) => ({
   }
 });
 export {
-  l as A,
+  s as A,
   f as B,
   c as C,
-  O as D,
+  h as D,
   V as E,
-  p as F,
+  u as F,
   J as G,
   k as I,
   y as L,
   b as M,
   x as P,
   S as R,
-  h as S,
+  B as S,
   g as T,
   w as a,
   M as b,
   v as c,
-  s as d,
-  u as e,
-  B as f,
+  l as d,
+  p as e,
+  O as f,
   C as g,
   L as h,
   I as i,
   T as j,
   R as k,
   A as l,
-  D as m,
-  m as n,
-  $ as o,
+  m,
+  D as n,
+  z as o,
   P as p,
-  z as q,
+  $ as q,
   G as r,
   W as s,
   F as t,

package/theme/overrides/{index.0d219399.js → index.05460ef6.js}

@@ -1,6 +1,6 @@
-import { F as s, T as o, C as r, M as L, L as n, I as M, a as i, R as p, B as d, b as l, c as u, P as c, S as g, d as B, e as A, D as F, A as P, f as b, g as T, h as v, i as y, j as I, k as R, l as C, m as D, n as f, o as H, p as k, q as S, r as x, s as w, t as j, u as E, v as G, w as q, x as z, y as O, z as V, E as N, G as U } from "./MUIComponents/index.e3d060c3.js";
-import { M as t, a as J, b as K, c as Q, d as W, e as X, f as Y, g as Z, h as _, i as $, j as m, k as e, l as h, m as aa, n as sa, o as oa, p as ra, q as La, r as na, s as Ma, t as ia, u as pa, v as da, w as la, x as ua, y as ca, z as ga, A as Ba, B as Aa, C as Fa, D as Pa, E as ba } from "./M4LExtendedComponents/index.ead1a06a.js";
-import { M as Ta, a as va, b as ya, c as Ia, d as Ra, e as Ca, f as Da, g as fa } from "./M4LRHFComponents/index.1406e2ed.js";
+import { F as s, T as o, C as r, M as L, L as n, I as M, a as i, R as p, B as d, b as l, c as u, P as c, S as g, d as B, e as A, D as F, A as P, f as b, g as T, h as v, i as y, j as I, k as R, l as C, m as D, n as f, o as H, p as k, q as S, r as x, s as w, t as j, u as E, v as G, w as q, x as z, y as O, z as V, E as N, G as U } from "./MUIComponents/index.25926753.js";
+import { M as t, a as J, b as K, c as Q, d as W, e as X, f as Y, g as Z, h as _, i as $, j as m, k as e, l as h, m as aa, n as sa, o as oa, p as ra, q as La, r as na, s as Ma, t as ia, u as pa, v as da, w as la, x as ua, y as ca, z as ga, A as Ba, B as Aa, C as Fa, D as Pa, E as ba } from "./M4LExtendedComponents/index.9ecb9eb5.js";
+import { M as Ta, a as va, b as ya, c as Ia, d as Ra, e as Ca, f as Da, g as fa } from "./M4LRHFComponents/index.e3118e8b.js";
 function xa(a) {
   return Object.assign(
     s(a),

package/theme/{palette.6e480083.js → palette.ad96498c.js}

@@ -324,9 +324,9 @@ const e = {
     },
     background: {
       paper: "#fff0",
-      default: e.marbleLight[10],
-      neutral: e.marbleLight[30],
-      background: e.marbleLight[50]
+      default: e.marbleLight[20],
+      neutral: e.marbleLight[40],
+      background: e.marbleLight[60]
     },
     grid: { sectionHeader: "#F6F7F9", divider: "#EDEFF2", rowHover: "#FAFBFC" }
   },

package/theme/{shadows.0d04d424.js → shadows.c56e8ae9.js}

@@ -1,5 +1,5 @@
 import { alpha as a } from "@mui/material/styles";
-import { p as e, P as r } from "./palette.6e480083.js";
+import { p as e, P as r } from "./palette.ad96498c.js";
 const s = e.light.grey[500], n = "#000000", o = (t) => {
   const p = a(t, 0.2), x = a(t, 0.14), $ = a(t, 0.12);
   return [

package/theme/{typography.8b60719b.js → typography.39389e10.js}

@@ -1,10 +1,10 @@
 import "@mui/material/styles";
 import "@mui/material/useMediaQuery";
-import "../utils/getColorPresets.4a88b0ed.js";
+import "../utils/getColorPresets.82f91ceb.js";
 import "@mui/system";
-import "./defaultThemeOptions.dd98806d.js";
-import "./shadows.0d04d424.js";
-import "./palette.6e480083.js";
+import "./defaultThemeOptions.81e20130.js";
+import "./shadows.c56e8ae9.js";
+import "./palette.ad96498c.js";
 import "@mui/material";
 import { r as t, p as i } from "../utils/getFontValue.88831637.js";
 const e = "Poppins, sans-serif", p = {

package/utils/{getColorPresets.4a88b0ed.js → getColorPresets.82f91ceb.js}

@@ -1,4 +1,4 @@
-import { P as e } from "../theme/palette.6e480083.js";
+import { P as e } from "../theme/palette.ad96498c.js";
 const r = [
   {
     name: "patronus",