@m4l/styles 0.0.16 → 0.0.18

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

@@ -1,6 +1,6 @@
 import { alpha as e } from "@mui/material";
 import { alpha as t } from "@mui/material/styles";
-function s(o) {
+function l(o) {
   return {
     MuiAvatar: {
       styleOverrides: {
@@ -25,7 +25,7 @@ function s(o) {
     }
   };
 }
-function l(o) {
+function s(o) {
   return {
     MuiButton: {
       styleOverrides: {
@@ -174,10 +174,29 @@ function g(o) {
     MuiTabs: {
       styleOverrides: {
         root: {
-          padding: 0,
-          fontWeight: o.typography.fontWeightMedium,
-          borderTopLeftRadius: o.shape.borderRadius,
-          borderTopRightRadius: o.shape.borderRadius,
+          padding: 4,
+          borderRadius: 4,
+          display: "flex",
+          flexDirection: "row",
+          gap: 4,
+          "& .MuiTabs-scroller": {
+            overflow: "visible",
+            "& .MuiTabs-flexContainer": {
+              padding: 4,
+              borderRadius: 6,
+              display: "flex",
+              flexDirection: "row",
+              alignItems: "center",
+              gap: 4,
+              boxShadow: o.customShadows.z2,
+              background: o.palette.background.default,
+              borderTop: "1px solid",
+              borderColor: o.palette.background.background
+            },
+            "& .MuiTabs-indicator": {
+              backgroundColor: "transparent"
+            }
+          },
           "&.Mui-selected": {
             color: o.palette.text.primary
           },
@@ -185,7 +204,7 @@ function g(o) {
             marginRight: o.spacing(5)
           },
           "@media (min-width: 600px)": {
-            minWidth: 48
+            minWidth: 40
           },
           "& .MuiButtonBase-root": {
             ...o.typography.subtitle2
@@ -201,7 +220,8 @@ function g(o) {
         },
         wrapper: {
           flexDirection: "row",
-          whiteSpace: "nowrap"
+          whiteSpace: "nowrap",
+          gap: "4px"
         },
         textColorInherit: {
           opacity: 1,
@@ -212,7 +232,7 @@ function g(o) {
     MuiTabPanel: {
       styleOverrides: {
         root: {
-          padding: 0
+          padding: 20
         }
       }
     },
@@ -661,7 +681,7 @@ function O(o) {
     }
   };
 }
-function h(o) {
+function B(o) {
   const r = o.palette.mode === "light";
   return {
     MuiSlider: {
@@ -686,7 +706,7 @@ function h(o) {
     }
   };
 }
-function B(o) {
+function h(o) {
   const r = o.palette.mode === "light";
   return {
     MuiSwitch: {
@@ -866,7 +886,7 @@ function D(o) {
     }
   };
 }
-function P(o) {
+function m(o) {
   return {
     MuiSkeleton: {
       defaultProps: {
@@ -880,7 +900,7 @@ function P(o) {
     }
   };
 }
-function m(o) {
+function P(o) {
   const r = t(o.palette.grey[900], 0.48), i = t(o.palette.grey[900], 1);
   return {
     MuiBackdrop: {
@@ -900,7 +920,7 @@ function m(o) {
     }
   };
 }
-function $(o) {
+function z(o) {
   const r = o.palette.mode === "light";
   return {
     MuiLinearProgress: {
@@ -922,7 +942,7 @@ function $(o) {
     }
   };
 }
-function z(o) {
+function $(o) {
   return {
     MuiTimelineDot: {
       styleOverrides: {
@@ -959,7 +979,7 @@ function A(o) {
     }
   };
 }
-function W(o) {
+function G(o) {
   return {
     MuiAccordion: {
       styleOverrides: {
@@ -1034,7 +1054,7 @@ function W(o) {
     }
   };
 }
-function G(o) {
+function W(o) {
   return {
     MuiTypography: {
       defaultProps: {
@@ -1311,7 +1331,7 @@ const J = (o) => ({
   }
 });
 export {
-  s as A,
+  l as A,
   f as B,
   c as C,
   O as D,
@@ -1323,14 +1343,14 @@ export {
   b as M,
   x as P,
   S as R,
-  B as S,
+  h as S,
   g as T,
   w as a,
   M as b,
   v as c,
-  l as d,
+  s as d,
   u as e,
-  h as f,
+  B as f,
   C as g,
   L as h,
   I as i,
@@ -1338,12 +1358,12 @@ export {
   R as k,
   A as l,
   D as m,
-  P as n,
-  z as o,
-  m as p,
-  $ as q,
-  W as r,
-  G as s,
+  m as n,
+  $ as o,
+  P as p,
+  z as q,
+  G as r,
+  W as s,
   F as t,
   _ as u,
   H as v,

package/theme/overrides/index.6b7aec0f.js

@@ -0,0 +1,90 @@
+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.bd713d88.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";
+function xa(a) {
+  return Object.assign(
+    s(a),
+    o(a),
+    r(a),
+    L(a),
+    n(a),
+    M(a),
+    i(),
+    p(a),
+    d(),
+    l(a),
+    u(a),
+    c(a),
+    g(a),
+    B(a),
+    A(a),
+    F(a),
+    P(a),
+    b(a),
+    T(a),
+    v(a),
+    y(a),
+    I(),
+    R(),
+    C(a),
+    D(a),
+    f(a),
+    H(a),
+    k(a),
+    S(a),
+    x(a),
+    w(a),
+    j(a),
+    E(a),
+    G(a),
+    q(),
+    z(a),
+    O(a),
+    V(a),
+    N(a),
+    t(a),
+    U(),
+    J(a),
+    Ta(a),
+    va(),
+    ya(a),
+    Ia(),
+    Ra(a),
+    K(),
+    Ca(a),
+    Da(),
+    Q(a),
+    W(a),
+    X(),
+    Y(a),
+    Z(a),
+    _(),
+    $(),
+    m(a),
+    fa(a),
+    e(a),
+    h(a),
+    aa(a),
+    sa(a),
+    oa(a),
+    ra(a),
+    La(a),
+    na(),
+    Ma(a),
+    ia(a),
+    pa(a),
+    da(a),
+    la(),
+    ua(a),
+    ca(),
+    ga(a),
+    Ba(a),
+    Aa(a),
+    Fa(a),
+    Pa(a),
+    ba(a)
+  );
+}
+export {
+  xa as f
+};

package/theme/{palette.4b477f9b.js → palette.95c4f9c8.js}

@@ -15,7 +15,7 @@ const e = {
     90: "#000033"
   },
   crayonBlue: {
-    10: "#A5C9FE",
+    10: "#D9E9FF",
     20: "#88B7FC",
     30: "#6AA4F9",
     40: "#5494F3",
@@ -32,17 +32,17 @@ const e = {
     40: "#FFF039",
     50: "#FFEC08",
     60: "#E5D400",
-    70: "#9E9200",
+    70: "#9BBA00",
     80: "#696100",
     90: "#353100"
   },
   acidGreen: {
-    10: "#CDFFC2",
+    10: "#D6FFDF",
     20: "#A8FF97",
     30: "#83FF6B",
     40: "#5EFF40",
     50: "#39FF14",
-    60: "#47CC2D",
+    60: "#2BCC0A",
     70: "#229E0A",
     80: "#176E05",
     90: "#0B3D00"
@@ -92,7 +92,7 @@ const e = {
     90: "#6D2A00"
   },
   flameRed: {
-    10: "#F4BABA",
+    10: "#FFD8D8",
     20: "#F59292",
     30: "#F66A6A",
     40: "#F64141",
@@ -212,14 +212,14 @@ const e = {
   main: "#fff0",
   dark: "#fff0",
   darker: "#fff0"
-}, o = {
+}, l = {
   lighter: "#fff0",
   light: "#fff0",
   main: e.crayonBlue[50],
   dark: "#fff0",
   darker: "#fff0",
   opacity: r(e.crayonBlue[50], 0.08)
-}, l = {
+}, o = {
   lighter: "#fff0",
   light: "#fff0",
   main: e.acidGreen[60],
@@ -261,8 +261,8 @@ const e = {
   50080: r("#919EAB", 0.8)
 }, A = {
   primary: a(t.light, t.main),
-  info: a(o.light, o.main),
-  success: a(l.light, l.main),
+  info: a(l.light, l.main),
+  success: a(o.light, o.main),
   warning: a(n.light, n.main),
   error: a(f.light, f.main)
 }, B = {
@@ -271,24 +271,24 @@ const e = {
   green: ["#2CD9C5", "#60F1C8", "#A4F7CC", "#C0F2DC"],
   yellow: ["#FFE700", "#FFEF5A", "#FFF7AE", "#FFF3D6"],
   red: ["#FF6C40", "#FF8F6D", "#FFBD98", "#FFF2D4"]
-}, E = {
+}, g = {
   normal: e.crayonBlue[50],
   hover: e.crayonBlue[70]
-}, g = {
+}, E = {
   normal: e.acidGreen[60],
   hover: e.acidGreen[70]
 }, C = {
   normal: e.flameRed[40],
   hover: e.flameRed[60]
 }, m = {
-  normal: e.flameRed[60],
-  hover: e.flameRed[70]
+  normal: e.middleYellow[60],
+  hover: e.middleYellow[70]
 }, h = {
   default: r(e.coolGrey[50], 0.24),
   transition: r(e.coolGrey[50], 0.08)
 }, y = {
-  info: { ...E },
-  success: { ...g },
+  info: { ...g },
+  success: { ...E },
   error: { ...C },
   warning: { ...m },
   skeleton: { ...h }
@@ -301,8 +301,8 @@ const e = {
   patronus: { ...e },
   opacity: { ...d },
   secondary: { ...u, contrastText: "#fff" },
-  info: { ...o, contrastText: "#fff" },
-  success: { ...l, contrastText: F[800] },
+  info: { ...l, contrastText: "#fff" },
+  success: { ...o, contrastText: F[800] },
   warning: { ...n, contrastText: F[800] },
   error: { ...f, contrastText: "#fff" },
   grey: F,

package/theme/palette.d.ts

@@ -1,7 +1,7 @@
 export declare type ColorSchema = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
-declare type PatronusColors = 'patronusBlue' | 'crayonBlue' | 'middleYellow' | 'acidGreen' | 'grassGreen' | 'candyRed' | 'turquiBlue' | 'blazeOrange' | 'flameRed' | 'coolGrey' | 'marbleLight' | 'ashBlak';
-declare type PatronusOpacityColors = 'patronus' | 'turqui' | 'grass' | 'candy' | 'blaze' | 'cool' | 'marbel';
-interface PatronusColorOptions {
+export declare type PatronusColors = 'patronusBlue' | 'crayonBlue' | 'middleYellow' | 'acidGreen' | 'grassGreen' | 'candyRed' | 'turquiBlue' | 'blazeOrange' | 'flameRed' | 'coolGrey' | 'marbleLight' | 'ashBlak';
+export declare type PatronusOpacityColors = 'patronus' | 'turqui' | 'grass' | 'candy' | 'blaze' | 'cool' | 'marbel';
+export interface PatronusColorOptions {
     10: string;
     20: string;
     30: string;
@@ -12,7 +12,7 @@ interface PatronusColorOptions {
     80: string;
     90: string;
 }
-interface PatronusOpacityOptions {
+export interface PatronusOpacityOptions {
     4: string;
     12: string;
     24: string;

package/theme/{shadows.b2f38616.js → shadows.354bbb03.js}

@@ -1,5 +1,5 @@
 import { alpha as a } from "@mui/material/styles";
-import { p as e, P as r } from "./palette.4b477f9b.js";
+import { p as e, P as r } from "./palette.95c4f9c8.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.1db0276b.js → typography.61f909b7.js}

@@ -1,10 +1,10 @@
 import "@mui/material/styles";
 import "@mui/material/useMediaQuery";
-import "../utils/getColorPresets.f3113d85.js";
+import "../utils/getColorPresets.d73f30ad.js";
 import "@mui/system";
-import "./defaultThemeOptions.364b28b6.js";
-import "./shadows.b2f38616.js";
-import "./palette.4b477f9b.js";
+import "./defaultThemeOptions.d67fe64c.js";
+import "./shadows.354bbb03.js";
+import "./palette.95c4f9c8.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

@@ -1,4 +1,4 @@
-import { PatronusConstantColors } from '../theme/palette';
+import { PatronusConstantColors, PatronusOpacityColors, PatronusOpacityOptions } from '../theme/palette';
 import { ColorStateOptions, CustomShadowOptions } from '../theme';
 import { ChartPaletteOptions, GradientsPaletteOptions, GridPaletteOptions } from './types';
 
@@ -41,6 +41,7 @@ declare module '@mui/material/styles/createPalette' {
         chart: ChartPaletteOptions;
         grid?: GridPaletteOptions;
         patronus?: PatronusConstantColors;
+        opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
         state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
         representative: string;
         /* info: AgumentationInfoOptions; */
@@ -50,6 +51,7 @@ declare module '@mui/material/styles/createPalette' {
         chart?: ChartPaletteOptions;
         grid?: GridPaletteOptions;
         patronus?: PatronusConstantColors;
+        opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
         state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
         representative: string;
     }

package/utils/{getColorPresets.f3113d85.js → getColorPresets.d73f30ad.js}

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

package/utils/getColorState.bde51cf7.js

@@ -0,0 +1,159 @@
+import { alpha as r } from "@mui/system";
+import "../theme/defaultThemeOptions.d67fe64c.js";
+import "../theme/shadows.354bbb03.js";
+import { P as e, S as a } from "../theme/palette.95c4f9c8.js";
+import "../theme/typography.61f909b7.js";
+import "@mui/material";
+import "@mui/material/styles";
+const b = (t, l) => {
+  let o = {};
+  switch (t) {
+    case "patronus":
+      o = {
+        light: {
+          active12: r(e?.patronusBlue[50], 0.12),
+          active: e?.patronusBlue[50],
+          focus: e?.patronusBlue[70],
+          hover: e?.patronusBlue[60],
+          overdefoult: r(e?.coolGrey[70], 0.1),
+          default: r(e?.coolGrey[70], 0.04),
+          borderDefault: r(e?.coolGrey[70], 0.24),
+          ...a
+        },
+        dark: {
+          active12: r(e?.patronusBlue[50], 0.12),
+          active: e?.patronusBlue[50],
+          focus: e?.patronusBlue[30],
+          hover: e?.patronusBlue[40],
+          overdefoult: r(e?.marbleLight[10], 0.1),
+          default: r(e?.marbleLight[10], 0.04),
+          borderDefault: r(e?.coolGrey[70], 0.6),
+          ...a
+        }
+      };
+      break;
+    case "turqui":
+      o = {
+        light: {
+          active12: r(e?.turquiBlue[50], 0.12),
+          active: e?.turquiBlue[50],
+          focus: e?.turquiBlue[70],
+          hover: e?.turquiBlue[60],
+          overdefoult: r(e?.coolGrey[70], 0.1),
+          default: r(e?.coolGrey[70], 0.04),
+          borderDefault: r(e?.coolGrey[70], 0.24),
+          ...a
+        },
+        dark: {
+          active12: r(e?.turquiBlue[50], 0.12),
+          active: e?.turquiBlue[50],
+          focus: e?.turquiBlue[30],
+          hover: e?.turquiBlue[40],
+          overdefoult: r(e?.marbleLight[10], 0.1),
+          default: r(e?.marbleLight[10], 0.04),
+          borderDefault: r(e?.coolGrey[70], 0.6),
+          ...a
+        }
+      };
+      break;
+    case "grass":
+      o = {
+        light: {
+          active12: r(e?.grassGreen[50], 0.12),
+          active: e?.grassGreen[50],
+          focus: e?.grassGreen[70],
+          hover: e?.grassGreen[60],
+          overdefoult: r(e?.coolGrey[70], 0.1),
+          default: r(e?.coolGrey[70], 0.04),
+          borderDefault: r(e?.coolGrey[70], 0.24),
+          ...a
+        },
+        dark: {
+          active12: r(e?.grassGreen[50], 0.12),
+          active: e?.grassGreen[50],
+          focus: e?.grassGreen[30],
+          hover: e?.grassGreen[40],
+          overdefoult: r(e?.marbleLight[10], 0.1),
+          default: r(e?.marbleLight[10], 0.04),
+          borderDefault: r(e?.coolGrey[70], 0.6),
+          ...a
+        }
+      };
+      break;
+    case "candy":
+      o = {
+        light: {
+          active12: r(e?.candyRed[50], 0.12),
+          active: e?.candyRed[50],
+          focus: e?.candyRed[70],
+          hover: e?.candyRed[60],
+          default: r(e?.coolGrey[70], 0.04),
+          borderDefault: r(e?.coolGrey[70], 0.24),
+          ...a
+        },
+        dark: {
+          active12: r(e?.candyRed[50], 0.12),
+          active: e?.candyRed[50],
+          focus: e?.candyRed[30],
+          hover: e?.candyRed[40],
+          overdefoult: r(e?.marbleLight[10], 0.1),
+          default: r(e?.marbleLight[10], 0.04),
+          borderDefault: r(e?.coolGrey[70], 0.6),
+          ...a
+        }
+      };
+      break;
+    case "blaze":
+      o = {
+        light: {
+          active12: r(e?.blazeOrange[50], 0.12),
+          active: e?.blazeOrange[50],
+          focus: e?.blazeOrange[70],
+          hover: e?.blazeOrange[60],
+          overdefoult: r(e?.coolGrey[70], 0.1),
+          default: r(e?.coolGrey[70], 0.04),
+          borderDefault: r(e?.coolGrey[70], 0.24),
+          ...a
+        },
+        dark: {
+          active12: r(e?.blazeOrange[50], 0.12),
+          active: e?.blazeOrange[50],
+          focus: e?.blazeOrange[30],
+          hover: e?.blazeOrange[40],
+          overdefoult: r(e?.marbleLight[10], 0.1),
+          default: r(e?.marbleLight[10], 0.04),
+          borderDefault: r(e?.coolGrey[70], 0.6),
+          ...a
+        }
+      };
+      break;
+    default:
+      o = {
+        light: {
+          active12: r(e?.turquiBlue[50], 0.12),
+          active: e?.turquiBlue[50],
+          focus: e?.turquiBlue[70],
+          hover: e?.turquiBlue[60],
+          overdefoult: r(e?.coolGrey[70], 0.1),
+          default: r(e?.coolGrey[70], 0.04),
+          borderDefault: r(e?.coolGrey[70], 0.24),
+          ...a
+        },
+        dark: {
+          active12: r(e?.turquiBlue[50], 0.12),
+          active: e?.turquiBlue[50],
+          focus: e?.turquiBlue[30],
+          hover: e?.turquiBlue[40],
+          overdefoult: r(e?.marbleLight[10], 0.1),
+          default: r(e?.marbleLight[10], 0.04),
+          borderDefault: r(e?.coolGrey[70], 0.6),
+          ...a
+        }
+      };
+      break;
+  }
+  return l === "light" ? { ...o.light } : { ...o.dark };
+};
+export {
+  b as g
+};

package/utils/getColorState.d.ts

@@ -5,7 +5,9 @@ export interface ColorStateOptions {
     active: string;
     focus: string;
     hover: string;
+    overdefoult: string;
     default: string;
+    borderDefault: string;
     info: StateDefault;
     success: StateDefault;
     warning: StateDefault;

package/theme/index.cd1bedc8.js

@@ -1,7 +0,0 @@
-import "./defaultThemeOptions.364b28b6.js";
-import "./shadows.b2f38616.js";
-import "./palette.4b477f9b.js";
-import "./typography.1db0276b.js";
-import "@mui/material";
-import "@mui/material/styles";
-import "@mui/system";