@m4l/styles 0.0.22 → 0.0.24

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

@@ -16,6 +16,7 @@ export default function Input(theme: Theme): {
             root: {
                 borderRadius: string;
                 padding: string;
+                paddingBottom: string;
                 '&.Mui-disabled': {
                     '& svg': {
                         color: string;
@@ -274,7 +275,6 @@ export default function Input(theme: Theme): {
                 overscrollBehaviorY?: import("csstype").Property.OverscrollBehaviorY | undefined;
                 paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
                 paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-                paddingBottom?: import("csstype").Property.PaddingBottom<string | number> | undefined;
                 paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
                 paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
                 paddingLeft?: import("csstype").Property.PaddingLeft<string | number> | undefined;

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

@@ -3,6 +3,7 @@ export default function Menu(theme: Theme): {
     MuiMenuItem: {
         styleOverrides: {
             root: {
+                borderRadius: string;
                 '&.Mui-selected': {
                     backgroundColor: string;
                     '&:hover': {

package/theme/overrides/MUIComponents/{index.d308ce65.js → index.1489876d.js}

@@ -1,9 +1,11 @@
 import { alpha as e } from "@mui/material";
 import { alpha as t } from "@mui/material/styles";
-function l(o) {
+function s(o) {
   return {
     MuiAvatar: {
       styleOverrides: {
+        borderTop: "1.5px",
+        borderColor: o.palette.state.borderTop,
         colorDefault: {
           color: o.palette.text.secondary,
           backgroundColor: o.palette.grey[400]
@@ -25,7 +27,7 @@ function l(o) {
     }
   };
 }
-function s(o) {
+function l(o) {
   return {
     MuiButton: {
       styleOverrides: {
@@ -33,6 +35,7 @@ function s(o) {
           display: "flex",
           flexDirection: "row",
           alignItems: "center",
+          borderRadius: "4px",
           "&:hover": {
             boxShadow: "none"
           }
@@ -43,8 +46,10 @@ function s(o) {
         containedInherit: {
           color: o.palette.grey[800],
           boxShadow: o.customShadows?.z1,
+          borderRadius: "4px",
           "&:hover": {
-            backgroundColor: o.palette.grey[400]
+            backgroundColor: o.palette.grey[400],
+            borderRadius: "4px"
           }
         },
         containedPrimary: {
@@ -66,14 +71,18 @@ function s(o) {
           boxShadow: o.customShadows?.error
         },
         outlinedInherit: {
+          borderRadius: "4px",
           border: `1px solid ${o.palette.grey[50032]}`,
           "&:hover": {
-            backgroundColor: o.palette.action.hover
+            backgroundColor: o.palette.action.hover,
+            borderRadius: "4px"
           }
         },
         textInherit: {
+          borderRadius: "4px",
           "&:hover": {
-            backgroundColor: o.palette.action.hover
+            backgroundColor: o.palette.action.hover,
+            borderRadius: "4px"
           }
         }
       }
@@ -176,7 +185,7 @@ function g(o) {
     MuiTabs: {
       styleOverrides: {
         root: {
-          padding: 4,
+          padding: 0,
           borderRadius: 4,
           display: "flex",
           flexDirection: "row",
@@ -185,13 +194,13 @@ function g(o) {
             overflow: "visible",
             "& .MuiTabs-flexContainer": {
               padding: 4,
-              borderRadius: 6,
+              borderRadius: 4,
               display: "flex",
               flexDirection: "row",
               alignItems: "center",
               gap: 4,
-              width: "fit-content",
-              boxShadow: o.customShadows.z2,
+              width: "100%",
+              boxShadow: o.customShadows.z1,
               background: o.palette.background.default,
               borderTop: "1.5px solid",
               borderColor: o.palette.state.borderTop
@@ -255,6 +264,7 @@ function b(o) {
     MuiMenuItem: {
       styleOverrides: {
         root: {
+          borderRadius: "4px",
           "&.Mui-selected": {
             backgroundColor: o.palette.action.selected,
             "&:hover": {
@@ -500,7 +510,8 @@ function k(o) {
           backgroundColor: o.palette.background.default,
           ...o.typography.body2,
           borderRadius: "2px",
-          padding: "0px",
+          padding: "4px",
+          paddingBottom: "0px",
           "&.Mui-disabled": {
             "& svg": { color: o.palette.text.disabled }
           }
@@ -724,7 +735,7 @@ function O(o) {
     }
   };
 }
-function B(o) {
+function R(o) {
   const r = o.palette.mode === "light";
   return {
     MuiSwitch: {
@@ -754,7 +765,7 @@ function B(o) {
     }
   };
 }
-function R(o) {
+function B(o) {
   return {
     MuiSvgIcon: {
       styleOverrides: {
@@ -772,7 +783,7 @@ function R(o) {
     }
   };
 }
-function I(o) {
+function T(o) {
   const r = o.palette.mode === "light";
   return {
     MuiTooltip: {
@@ -787,7 +798,7 @@ function I(o) {
     }
   };
 }
-function T(o) {
+function I(o) {
   return {
     MuiPopover: {
       styleOverrides: {
@@ -848,7 +859,7 @@ function m(o) {
             borderRadius: o.shape.borderRadius
           },
           "& .MuiMenuItem-root": {
-            ...o.typography.body2
+            ...o.typography.body
           }
         }
       }
@@ -866,7 +877,7 @@ function m(o) {
               display: "none"
             },
             "& .MuiNativeSelect-select, .MuiInput-input": {
-              ...o.typography.body2,
+              ...o.typography.body,
               padding: o.spacing(0.75, 1),
               borderRadius: o.shape.borderRadius,
               backgroundColor: o.palette.background.neutral
@@ -1360,7 +1371,7 @@ const J = (o) => ({
   }
 });
 export {
-  l as A,
+  s as A,
   f as B,
   c as C,
   h as D,
@@ -1372,19 +1383,19 @@ export {
   b as M,
   v as P,
   S as R,
-  B as S,
+  R as S,
   g as T,
   w as a,
   M as b,
   x as c,
-  s as d,
+  l as d,
   p as e,
   O as f,
   C as g,
   L as h,
-  I as i,
-  T as j,
-  R as k,
+  T as i,
+  I as j,
+  B as k,
   A as l,
   m,
   D as n,

package/theme/overrides/{index.76becad2.js → index.03494fe3.js}

@@ -1,5 +1,5 @@
-import { F as s, T as o, C as r, M as L, L as M, I as n, 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 C, k as D, l as I, m as R, n as H, o as f, p as k, q as x, r as S, s as w, t as G, u as j, v as E, w as q, x as z, y as O, z as V, E as N, G as U } from "./MUIComponents/index.d308ce65.js";
-import { M as J, a as K, b as Q, c as W, d as X, e as Y, f as Z, g as _, h as $, i as t, 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 Ma, s as na, 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, F as Ta, G as va, H as ya } from "./M4LExtendedComponents/index.28d622ba.js";
+import { F as s, T as o, C as r, M as L, L as M, I as n, 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 C, k as D, l as I, m as R, n as H, o as f, p as k, q as x, r as S, s as w, t as G, u as j, v as E, w as q, x as z, y as O, z as V, E as N, G as U } from "./MUIComponents/index.1489876d.js";
+import { M as J, a as K, b as Q, c as W, d as X, e as Y, f as Z, g as _, h as $, i as t, 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 Ma, s as na, 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, F as Ta, G as va, H as ya } from "./M4LExtendedComponents/index.83dad55c.js";
 import { M as Ca, a as Da, b as Ia, c as Ra, d as Ha, e as fa, f as ka, g as xa } from "./M4LRHFComponents/index.0e107243.js";
 function ja(a) {
   return Object.assign(
@@ -73,7 +73,7 @@ function ja(a) {
     na(a),
     ia(a),
     pa(a),
-    da(a),
+    da(),
     la(a),
     ua(),
     ca(a),

package/theme/palette.d.ts

@@ -1,6 +1,6 @@
 export declare type ColorSchema = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
-export declare type PatronusColors = 'patronusBlue' | 'crayonBlue' | 'middleYellow' | 'acidGreen' | 'grassGreen' | 'desertBeige' | 'turquiBlue' | 'blazeOrange' | 'flameRed' | 'coolGrey' | 'marbleLight' | 'ashBlak';
-export declare type PatronusOpacityColors = 'patronus' | 'turqui' | 'grass' | 'desert' | 'blaze' | 'cool' | 'marbel';
+export declare type PatronusColors = 'patronusBlue' | 'crayonBlue' | 'middleYellow' | 'acidGreen' | 'grassGreen' | 'desertBeige' | 'turquiBlue' | 'blazeOrange' | 'flameRed' | 'coolGrey' | 'brown' | 'marbleLight' | 'ashBlak';
+export declare type PatronusOpacityColors = 'patronus' | 'turqui' | 'grass' | 'brown' | 'beige' | 'orange' | 'cool' | 'marbel';
 export interface PatronusColorOptions {
     10: string;
     20: string;
@@ -138,15 +138,17 @@ export declare const palette: {
             blazeOrange: PatronusColorOptions;
             flameRed: PatronusColorOptions;
             coolGrey: PatronusColorOptions;
+            brown: PatronusColorOptions;
             marbleLight: PatronusColorOptions;
             ashBlak: PatronusColorOptions;
         };
         readonly opacity: {
+            brown: PatronusOpacityOptions;
             patronus: PatronusOpacityOptions;
             turqui: PatronusOpacityOptions;
             grass: PatronusOpacityOptions;
-            desert: PatronusOpacityOptions;
-            blaze: PatronusOpacityOptions;
+            beige: PatronusOpacityOptions;
+            orange: PatronusOpacityOptions;
             cool: PatronusOpacityOptions;
             marbel: PatronusOpacityOptions;
         };
@@ -297,15 +299,17 @@ export declare const palette: {
             blazeOrange: PatronusColorOptions;
             flameRed: PatronusColorOptions;
             coolGrey: PatronusColorOptions;
+            brown: PatronusColorOptions;
             marbleLight: PatronusColorOptions;
             ashBlak: PatronusColorOptions;
         };
         readonly opacity: {
+            brown: PatronusOpacityOptions;
             patronus: PatronusOpacityOptions;
             turqui: PatronusOpacityOptions;
             grass: PatronusOpacityOptions;
-            desert: PatronusOpacityOptions;
-            blaze: PatronusOpacityOptions;
+            beige: PatronusOpacityOptions;
+            orange: PatronusOpacityOptions;
             cool: PatronusOpacityOptions;
             marbel: PatronusOpacityOptions;
         };

package/theme/{palette.a914c187.js → palette.d06284f6.js}

@@ -113,6 +113,17 @@ const e = {
     80: "#364546",
     90: "#233333"
   },
+  brown: {
+    10: "#D8BEB0",
+    20: "#C59D88",
+    30: "#B8886E",
+    40: "#B17D61",
+    50: "#9E694D",
+    60: "#875A42",
+    70: "#7C533D",
+    80: "#704B37",
+    90: "#654432"
+  },
   marbleLight: {
     10: "#FFFFFF",
     20: "#F7FCFC",
@@ -126,7 +137,7 @@ const e = {
   },
   ashBlak: {
     10: "#364040",
-    20: "#2F3737",
+    20: "#323B3B",
     30: "#2A3232",
     40: "#252C2C",
     50: "#212727",
@@ -137,8 +148,8 @@ const e = {
   }
 }, c = {
   patronus: {
-    4: r(e.patronusBlue[50], 0.04),
-    12: r(e.patronusBlue[50], 0.08),
+    4: r(e.patronusBlue[50], 0.08),
+    12: r(e.patronusBlue[50], 0.12),
     24: r(e.patronusBlue[50], 0.16),
     36: r(e.patronusBlue[50], 0.32),
     48: r(e.patronusBlue[50], 0.48),
@@ -146,8 +157,8 @@ const e = {
     72: r(e.patronusBlue[50], 0.72)
   },
   turqui: {
-    4: r(e.turquiBlue[50], 0.04),
-    12: r(e.turquiBlue[50], 0.08),
+    4: r(e.turquiBlue[50], 0.08),
+    12: r(e.turquiBlue[50], 0.12),
     24: r(e.turquiBlue[50], 0.16),
     36: r(e.turquiBlue[50], 0.32),
     48: r(e.turquiBlue[50], 0.48),
@@ -155,26 +166,35 @@ const e = {
     72: r(e.turquiBlue[50], 0.72)
   },
   grass: {
-    4: r(e.grassGreen[50], 0.04),
-    12: r(e.grassGreen[50], 0.08),
+    4: r(e.grassGreen[50], 0.08),
+    12: r(e.grassGreen[50], 0.12),
     24: r(e.grassGreen[50], 0.16),
     36: r(e.grassGreen[50], 0.32),
     48: r(e.grassGreen[50], 0.48),
     60: r(e.grassGreen[50], 0.6),
     72: r(e.grassGreen[50], 0.72)
   },
-  desert: {
-    4: r(e.desertBeige[50], 0.04),
-    12: r(e.desertBeige[50], 0.08),
+  brown: {
+    4: r(e.brown[50], 0.08),
+    12: r(e.brown[50], 0.12),
+    24: r(e.brown[50], 0.16),
+    36: r(e.brown[50], 0.32),
+    48: r(e.brown[50], 0.48),
+    60: r(e.brown[50], 0.6),
+    72: r(e.brown[50], 0.72)
+  },
+  beige: {
+    4: r(e.desertBeige[50], 0.08),
+    12: r(e.desertBeige[50], 0.12),
     24: r(e.desertBeige[50], 0.16),
     36: r(e.desertBeige[50], 0.32),
     48: r(e.desertBeige[50], 0.48),
     60: r(e.desertBeige[50], 0.6),
     72: r(e.desertBeige[50], 0.72)
   },
-  blaze: {
-    4: r(e.blazeOrange[50], 0.04),
-    12: r(e.blazeOrange[50], 0.08),
+  orange: {
+    4: r(e.blazeOrange[50], 0.08),
+    12: r(e.blazeOrange[50], 0.12),
     24: r(e.blazeOrange[50], 0.16),
     36: r(e.blazeOrange[50], 0.32),
     48: r(e.blazeOrange[50], 0.48),
@@ -182,8 +202,8 @@ const e = {
     72: r(e.blazeOrange[50], 0.72)
   },
   cool: {
-    4: r(e.coolGrey[70], 0.04),
-    12: r(e.coolGrey[70], 0.08),
+    4: r(e.coolGrey[70], 0.08),
+    12: r(e.coolGrey[70], 0.12),
     24: r(e.coolGrey[70], 0.16),
     36: r(e.coolGrey[70], 0.32),
     48: r(e.coolGrey[70], 0.48),
@@ -191,8 +211,8 @@ const e = {
     72: r(e.coolGrey[70], 0.72)
   },
   marbel: {
-    4: r(e.marbleLight[10], 0.04),
-    12: r(e.marbleLight[10], 0.08),
+    4: r(e.marbleLight[10], 0.08),
+    12: r(e.marbleLight[10], 0.12),
     24: r(e.marbleLight[10], 0.16),
     36: r(e.marbleLight[10], 0.32),
     48: r(e.marbleLight[10], 0.48),
@@ -212,14 +232,14 @@ const e = {
   main: "#fff0",
   dark: "#fff0",
   darker: "#fff0"
-}, l = {
+}, o = {
   lighter: "#fff0",
   light: "#fff0",
   main: e.crayonBlue[50],
   dark: "#fff0",
   darker: "#fff0",
   opacity: r(e.crayonBlue[50], 0.08)
-}, o = {
+}, l = {
   lighter: "#fff0",
   light: "#fff0",
   main: e.acidGreen[60],
@@ -261,8 +281,8 @@ const e = {
   50080: r("#919EAB", 0.8)
 }, u = {
   primary: a(t.light, t.main),
-  info: a(l.light, l.main),
-  success: a(o.light, o.main),
+  info: a(o.light, o.main),
+  success: a(l.light, l.main),
   warning: a(n.light, n.main),
   error: a(i.light, i.main)
 }, A = {
@@ -280,18 +300,18 @@ const e = {
 }, C = {
   normal: e.flameRed[40],
   hover: e.flameRed[60]
-}, m = {
+}, D = {
   normal: e.middleYellow[60],
   hover: e.middleYellow[70]
-}, D = {
+}, m = {
   default: r(e.coolGrey[50], 0.24),
   transition: r(e.coolGrey[50], 0.08)
 }, h = {
   info: { ...g },
   success: { ...E },
   error: { ...C },
-  warning: { ...m },
-  skeleton: { ...D }
+  warning: { ...D },
+  skeleton: { ...m }
 }, f = {
   common: { black: "#000", white: "#fff" },
   primary: { ...t },
@@ -301,8 +321,8 @@ const e = {
   patronus: { ...e },
   opacity: { ...c },
   secondary: { ...d, contrastText: "#fff" },
-  info: { ...l, contrastText: "#fff" },
-  success: { ...o, contrastText: F[800] },
+  info: { ...o, contrastText: "#fff" },
+  success: { ...l, contrastText: F[800] },
   warning: { ...n, contrastText: F[800] },
   error: { ...i, contrastText: "#fff" },
   grey: F,
@@ -313,20 +333,20 @@ const e = {
     hoverOpacity: 0.08,
     disabledOpacity: 0.48
   }
-}, y = {
+}, p = {
   light: {
     ...f,
     mode: "light",
     text: {
       primary: e.ashBlak[10],
-      secondary: e.coolGrey[40],
-      disabled: e.coolGrey[10]
+      secondary: e.coolGrey[50],
+      disabled: e.coolGrey[30]
     },
     background: {
       paper: "#fff0",
       default: e.marbleLight[20],
       neutral: e.marbleLight[40],
-      background: e.marbleLight[60]
+      background: e.marbleLight[70]
     },
     grid: { sectionHeader: "#F6F7F9", divider: "#EDEFF2", rowHover: "#FAFBFC" }
   },
@@ -340,7 +360,7 @@ const e = {
     },
     background: {
       paper: "#fff0",
-      default: e.ashBlak[10],
+      default: e.ashBlak[20],
       neutral: e.ashBlak[30],
       background: e.ashBlak[50]
     },
@@ -350,5 +370,5 @@ const e = {
 export {
   e as P,
   h as S,
-  y as p
+  p
 };

package/theme/{shadows.3dfe77c2.js → shadows.7ecb0e23.js}

@@ -1,5 +1,5 @@
 import { alpha as a } from "@mui/material/styles";
-import { p as e, P as r } from "./palette.a914c187.js";
+import { p as e, P as r } from "./palette.d06284f6.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.dd335f0f.js → typography.b693a0c9.js}

@@ -1,10 +1,10 @@
 import "@mui/material/styles";
 import "@mui/material/useMediaQuery";
-import "../utils/getColorPresets.9c103b85.js";
+import "../utils/getColorPresets.826b8bc5.js";
 import "@mui/system";
-import "./defaultThemeOptions.733652aa.js";
-import "./shadows.3dfe77c2.js";
-import "./palette.a914c187.js";
+import "./defaultThemeOptions.d50c50f1.js";
+import "./shadows.7ecb0e23.js";
+import "./palette.d06284f6.js";
 import "@mui/material";
 import { r as t, p as i } from "../utils/getFontValue.88831637.js";
 const e = "Poppins, sans-serif", p = {

package/types/augmentations.d.ts

@@ -18,7 +18,7 @@ declare module '@mui/material' {
 }
 
 declare module '@mui/material/styles/createPalette' {
-   
+
     interface SimplePaletteColorOptions {
         lighter?: string;
         darker?: string;

package/types/types.d.ts

@@ -1,4 +1,4 @@
-export declare type ThemeColorPresets = 'patronus' | 'turqui' | 'grass' | 'desert' | 'blaze';
+export declare type ThemeColorPresets = 'patronus' | 'turqui' | 'grass' | 'brown' | 'blaze';
 
 export interface GridPaletteOptions {
     sectionHeader: string;

package/utils/getColorPresets.826b8bc5.js

@@ -0,0 +1,70 @@
+import { P as r } from "../theme/palette.d06284f6.js";
+const e = [
+  {
+    name: "patronus",
+    lighter: r.patronusBlue[60],
+    light: r.patronusBlue[40],
+    main: r.patronusBlue[50],
+    dark: r.patronusBlue[30],
+    darker: r.patronusBlue[10],
+    contrastText: r.marbleLight[10]
+  },
+  {
+    name: "turqui",
+    lighter: r.turquiBlue[70],
+    light: r.turquiBlue[40],
+    main: r.turquiBlue[50],
+    dark: r.turquiBlue[30],
+    darker: r.turquiBlue[10],
+    contrastText: r.marbleLight[10]
+  },
+  {
+    name: "grass",
+    lighter: r.grassGreen[70],
+    light: r.grassGreen[60],
+    main: r.grassGreen[50],
+    dark: r.grassGreen[40],
+    darker: r.grassGreen[10],
+    contrastText: r.marbleLight[10]
+  },
+  {
+    name: "brown",
+    lighter: r.brown[90],
+    light: r.brown[70],
+    main: r.brown[50],
+    dark: r.brown[30],
+    darker: r.brown[10],
+    contrastText: r.marbleLight[10]
+  },
+  {
+    name: "blaze",
+    lighter: r.blazeOrange[70],
+    light: r.blazeOrange[60],
+    main: r.blazeOrange[50],
+    dark: r.blazeOrange[30],
+    darker: r.blazeOrange[10],
+    contrastText: r.marbleLight[10]
+  }
+], a = e[0], n = e[1], s = e[2], l = e[3], u = e[4];
+function i(t) {
+  try {
+    return {
+      patronus: a,
+      turqui: n,
+      grass: s,
+      brown: l,
+      blaze: u
+    }[t];
+  } catch {
+  }
+  return a;
+}
+export {
+  s as a,
+  l as b,
+  e as c,
+  a as d,
+  u as e,
+  i as g,
+  n as t
+};

package/utils/getColorPresets.d.ts

@@ -44,7 +44,7 @@ export declare const grass: {
     darker: string;
     contrastText: string;
 };
-export declare const desert: {
+export declare const brown: {
     name: string;
     lighter: string;
     light: string;