@m4l/styles 1.0.7 → 1.0.9

package/index.js

@@ -2,7 +2,7 @@ import { g as f, m as O } from "./config.5405b46b.js";
 import { d as S } from "./theme/defaultThemeOptions.cc70c82e.js";
 import { c as C, s as l } from "./theme/shadows.e0c009ff.js";
 import { t as n } from "./theme/typography.616cfe0c.js";
-import { f as P } from "./theme/overrides/index.3f4073e8.js";
+import { f as P } from "./theme/overrides/index.f76e2bb0.js";
 import { C as d, E as A, G as E, I as N, O as b, P as c, a as I, b as h, S as F, c as Y, W as v, p as w } from "./theme/palette.287635f2.js";
 import { u as G } from "./utils/useResponsive.2c45e8e0.js";
 import { g as M } from "./utils/getColorState.7cbf2219.js";
@@ -13,7 +13,7 @@ import "@mui/material/styles";
 import "./theme/overrides/MUIComponents/index.5c43e3b5.js";
 import "./theme/overrides/M4LRHFComponents/index.3599b255.js";
 import "@mui/system";
-import "./theme/overrides/M4LExtendedComponents/index.b30ae579.js";
+import "./theme/overrides/M4LExtendedComponents/index.a1f65f10.js";
 import "@mui/material/useMediaQuery";
 export {
   d as COMMON,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "license": "UNLICENSED",
   "author": "m4l team",
   "dependencies": {

package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts

@@ -546,6 +546,11 @@ export declare const M4LAreasViewer: (theme: Omit<Theme, 'palette' | 'applyStyle
                             };
                         };
                     };
+                    '& .M4LAreasViewer-panelWindowsSeparator': {
+                        width: string;
+                        border: string;
+                        borderColor: string;
+                    };
                 };
             };
         };

package/theme/overrides/M4LExtendedComponents/{index.b30ae579.js → index.a1f65f10.js}

@@ -657,7 +657,7 @@ const p = (o) => ({
           width: "240px",
           "& .M4LSideBar-areaExpandMenu": {
             position: "absolute",
-            zIndex: "1",
+            zIndex: "99999",
             height: "100%",
             transition: "all 0.3s",
             width: "240px",
@@ -3278,6 +3278,11 @@ const p = (o) => ({
                 }
               }
             }
+          },
+          "& .M4LAreasViewer-panelWindowsSeparator": {
+            width: "100%",
+            border: "0.5px solid",
+            borderColor: o.vars.palette.state.borderPrimary
           }
         }
       }
@@ -4798,7 +4803,7 @@ const p = (o) => ({
       }
     }
   }
-}), O = (o) => ({
+}), W = (o) => ({
   M4LTooltip: {
     styleOverrides: {
       "&.M4LTooltip-root": {
@@ -4819,7 +4824,7 @@ const p = (o) => ({
       }
     }
   }
-}), W = (o) => ({
+}), O = (o) => ({
   M4LBadge: {
     styleOverrides: {
       "&.M4LBadge-root": {
@@ -6608,7 +6613,7 @@ export {
   P as B,
   D as C,
   H as D,
-  O as E,
+  W as E,
   V as F,
   G,
   F as H,
@@ -6638,7 +6643,7 @@ export {
   l as e,
   M as f,
   c as g,
-  W as h,
+  O as h,
   g as i,
   z as j,
   x as k,

package/theme/overrides/{index.3f4073e8.js → index.f76e2bb0.js}

@@ -1,6 +1,6 @@
 import { F as s, C as o, M as r, L, I as M, a as n, R as i, B as p, b as l, T as c, P as d, S as u, c as g, d as B, A as F, e as P, D as T, f as A, g as b, h as C, i as S, j as y, k as I, l as R, m as v, n as H, o as k, p as D, q as f, r as x, s as w, t as G, u as V, v as j, w as E, x as N, y as O, z as q } from "./MUIComponents/index.5c43e3b5.js";
 import { M as z, a as U, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z } from "./M4LRHFComponents/index.3599b255.js";
-import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as na, m as ia, n as pa, o as la, p as ca, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Ta, x as Aa, y as ba, z as Ca, A as Sa, B as ya, C as Ia, D as Ra, E as va, F as Ha, G as ka, H as Da, I as fa, J as xa, K as wa, L as Ga, N as Va, O as ja, P as Ea, Q as Na, R as Oa, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa, _ as Ya, $ as Za } from "./M4LExtendedComponents/index.b30ae579.js";
+import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as na, m as ia, n as pa, o as la, p as ca, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Ta, x as Aa, y as ba, z as Ca, A as Sa, B as ya, C as Ia, D as Ra, E as va, F as Ha, G as ka, H as Da, I as fa, J as xa, K as wa, L as Ga, N as Va, O as ja, P as Ea, Q as Na, R as Oa, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa, _ as Ya, $ as Za } from "./M4LExtendedComponents/index.a1f65f10.js";
 function ma(a) {
   return Object.assign(
     s(a),

package/types/augmentations.d.ts

@@ -1,27 +1,28 @@
-import { PatronusConstantColors, PatronusOpacityColors, PatronusOpacityOptions } from '../theme/palette';
+import {
+  PatronusConstantColors,
+  PatronusOpacityColors,
+  PatronusOpacityOptions,
+} from '../theme/palette';
 import { ColorStateOptions, CustomShadowOptions } from '../theme';
 import { ChartPaletteOptions, GradientsPaletteOptions, GridPaletteOptions } from './types';
-import { Breakpoints, ColorSystemOptions } from '@mui/material';
+import { Breakpoints } from '@mui/material';
 import { CssVarsTheme } from '@mui/material/styles';
 
 declare module '@mui/material' {
-    interface Color {
-        0: string;
-        500_8: string;
-        500_12: string;
-        500_16: string;
-        500_24: string;
-        500_32: string;
-        500_48: string;
-        500_56: string;
-        500_80: string;
-    }
+  interface Color {
+    0: string;
+    500_8: string;
+    500_12: string;
+    500_16: string;
+    500_24: string;
+    500_32: string;
+    500_48: string;
+    500_56: string;
+    500_80: string;
+  }
 }
 
-declare module '@mui/material/styles/createPalette' {
-
-
-}
+declare module '@mui/material/styles/createPalette' {}
 
 // declare module '@mui/core/Typography' {
 //     interface TypographyProps {
@@ -30,115 +31,107 @@ declare module '@mui/material/styles/createPalette' {
 // }
 
 declare module '@mui/material/styles' {
-
-    interface SimplePaletteColorOptions {
-        lighter?: string;
-        darker?: string;
-        LightSelected?: string;
-        LightSelectedHover?: string;
-        DarkSelected?: string;
-        DarkSelectedHover?: string;
-    }
-    interface PaletteColor {
-        lighter?: string;
-        darker?: string;
-        LightSelected?: string;
-        LightSelectedHover?: string;
-        DarkSelected?: string;
-        DarkSelectedHover?: string;
-        opacity?: string;
-        name?: string;
-    }
-    interface Palette {
-        gradients?: GradientsPaletteOptions;
-        chart: ChartPaletteOptions;
-        grid?: GridPaletteOptions;
-        patronus?: PatronusConstantColors;
-        opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
-        state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
-        representative: string;
-        mode: 'light' | 'dark';
-        /* info: AgumentationInfoOptions; */
-    }
-
-    interface TypeText {
-        bgPrimary: string,
-    }
-    interface PaletteOptions {
-        gradients?: GradientsPaletteOptions;
-        chart?: ChartPaletteOptions;
-        grid?: GridPaletteOptions;
-        patronus?: PatronusConstantColors;
-        opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
-        state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
-        representative: string;
-        mode: 'light' | 'dark';
-    }
-
-    interface ColorSchemeOverrides {
-        finalTheme?: true;
-    }
-
-    interface Theme extends CssVarsTheme {
-        stretch: boolean;
-        customShadows: CustomShadowOptions;
-        breakpoints: Breakpoints;
-    }
-
-    interface ThemeVars {
-        customShadows: CustomShadowOptions;
-    }
-
-    interface ColorSystem {
-        typography: TypographyVariants;
-    }
-
-    interface TypeBackground {
-        neutral: string;
-        autofill: string;
-        header: string;
-        background: string;
-    }
-
+  interface SimplePaletteColorOptions {
+    lighter?: string;
+    darker?: string;
+    LightSelected?: string;
+    LightSelectedHover?: string;
+    DarkSelected?: string;
+    DarkSelectedHover?: string;
+  }
+  interface PaletteColor {
+    lighter?: string;
+    darker?: string;
+    LightSelected?: string;
+    LightSelectedHover?: string;
+    DarkSelected?: string;
+    DarkSelectedHover?: string;
+    opacity?: string;
+    name?: string;
+  }
+  interface Palette {
+    gradients?: GradientsPaletteOptions;
+    chart: ChartPaletteOptions;
+    grid?: GridPaletteOptions;
+    patronus?: PatronusConstantColors;
+    opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
+    state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
+    representative: string;
+    mode: 'light' | 'dark';
+    /* info: AgumentationInfoOptions; */
+  }
+
+  interface TypeText {
+    bgPrimary: string;
+  }
+  interface PaletteOptions {
+    gradients?: GradientsPaletteOptions;
+    chart?: ChartPaletteOptions;
+    grid?: GridPaletteOptions;
+    patronus?: PatronusConstantColors;
+    opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
+    state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
+    representative: string;
+    mode: 'light' | 'dark';
+  }
+
+  interface ColorSchemeOverrides {
+    finalTheme?: true;
+  }
+
+  interface Theme extends CssVarsTheme {
+    stretch: boolean;
+    customShadows: CustomShadowOptions;
+    breakpoints: Breakpoints;
+  }
+
+  interface ThemeVars {
+    customShadows: CustomShadowOptions;
+  }
+
+  interface ColorSystem {
+    typography: TypographyVariants;
+  }
+
+  interface TypeBackground {
+    neutral: string;
+    autofill: string;
+    header: string;
+    background: string;
+  }
 }
 
-
-
 declare module '@mui/material/styles' {
-
-    interface TypographyVariants {
-        subtitle: Record<string, any>;
-        subtitleDens: Record<string, any>;
-        paragraph: Record<string, any>;
-        paragraphDens: Record<string, any>;
-        body: Record<string, any>;
-        bodyDens: Record<string, any>;
-        action: Record<string, any>;
-    }
-
-    // allow configuration using `createTheme`
-    interface TypographyVariantsOptions {
-        subtitle: React.CSSProperties;
-        subtitleDens: React.CSSProperties;
-        paragraph: React.CSSProperties;
-        paragraphDens: React.CSSProperties;
-        body: React.CSSProperties;
-        bodyDens: React.CSSProperties;
-        action: React.CSSProperties;
-    }
-
-
-
+  interface TypographyVariants {
+    subtitle: Record<string, any>;
+    subtitleDens: Record<string, any>;
+    paragraph: Record<string, any>;
+    paragraphDens: Record<string, any>;
+    body: Record<string, any>;
+    bodyDens: Record<string, any>;
+    action: Record<string, any>;
+  }
+
+  // allow configuration using `createTheme`
+  interface TypographyVariantsOptions {
+    subtitle: React.CSSProperties;
+    subtitleDens: React.CSSProperties;
+    paragraph: React.CSSProperties;
+    paragraphDens: React.CSSProperties;
+    body: React.CSSProperties;
+    bodyDens: React.CSSProperties;
+    action: React.CSSProperties;
+  }
 }
 
 declare module '@mui/material/Typography' {
-    interface TypographyPropsVariantOverrides {
-        subtitle: true;
-        subtitleDens: true;
-        paragraph: true;
-        paragraphDens: true;
-        body: true;
-        bodyDens: true;
-        action: true;
-    }
+  interface TypographyPropsVariantOverrides {
+    subtitle: true;
+    subtitleDens: true;
+    paragraph: true;
+    paragraphDens: true;
+    body: true;
+    bodyDens: true;
+    action: true;
+  }
 }

package/types/index.d.ts

@@ -1,2 +1,2 @@
-export * from './types.d';
+export * from './types';
 export * from './augmentations.d';

package/types/types.d.ts

@@ -1,11 +1,9 @@
 export declare type ThemeColorPresets = 'patronus' | 'turqui' | 'grass' | 'brown' | 'blaze';
-
 export interface GridPaletteOptions {
     sectionHeader: string;
     rowHover: string;
     divider: string;
 }
-
 export interface ChartPaletteOptions {
     violet: string[];
     blue: string[];
@@ -13,7 +11,6 @@ export interface ChartPaletteOptions {
     yellow: string[];
     red: string[];
 }
-
 export interface GradientsPaletteOptions {
     primary: string;
     info: string;
@@ -21,4 +18,12 @@ export interface GradientsPaletteOptions {
     warning: string;
     error: string;
 }
-
+export declare type ColorVariants = {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: string;
+};