@m4l/styles 0.0.48 → 1.0.0

package/types/augmentations.d.ts

@@ -1,121 +1,144 @@
-import { PatronusConstantColors, PatronusOpacityColors, PatronusOpacityOptions } from '../theme/palette';
-import { ColorStateOptions, CustomShadowOptions } from '../theme';
-import { ChartPaletteOptions, GradientsPaletteOptions, GridPaletteOptions } from './types';
-
-
-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;
-    }
-}
-
-declare module '@mui/material/styles/createPalette' {
-
-    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;
-    }
-    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;
-        /* 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;
-    }
-}
-
-// declare module '@mui/core/Typography' {
-//     interface TypographyProps {
-//       variant?: 'subtitle';
-//     }
-// }
-
-declare module '@mui/material/styles' {
-    interface Theme {
-        stretch?: boolean;
-        customShadows: CustomShadowOptions;
-    }
-
-    interface ThemeOptions {
-        stretch?: boolean;
-        customShadows?: CustomShadowOptions;
-    }
-
-    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 TypeBackground { 
-        neutral: string;
-        autofill: string;
-        header: string;
-        background: string;
-    }
-
-}
-
-declare module '@mui/material/Typography' {
-    interface TypographyPropsVariantOverrides {
-        subtitle: true;
-        subtitleDens: true;
-        paragraph: true;
-        paragraphDens: true;
-        body: true;
-        bodyDens: true;
-        action: true;
-    }
-}
+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 { 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;
+    }
+}
+
+declare module '@mui/material/styles/createPalette' {
+
+
+}
+
+// declare module '@mui/core/Typography' {
+//     interface TypographyProps {
+//       variant?: 'subtitle';
+//     }
+// }
+
+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;
+    }
+
+}
+
+
+
+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;
+    }
+
+
+
+}
+
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        subtitle: true;
+        subtitleDens: true;
+        paragraph: true;
+        paragraphDens: true;
+        body: true;
+        bodyDens: true;
+        action: true;
+    }
+}

package/types/types.d.ts

@@ -1,24 +1,24 @@
-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[];
-    green: string[];
-    yellow: string[];
-    red: string[];
-}
-
-export interface GradientsPaletteOptions {
-    primary: string;
-    info: string;
-    success: string;
-    warning: string;
-    error: string;
-}
-
+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[];
+    green: string[];
+    yellow: string[];
+    red: string[];
+}
+
+export interface GradientsPaletteOptions {
+    primary: string;
+    info: string;
+    success: string;
+    warning: string;
+    error: string;
+}
+

package/utils/{getColorPresets.2a91ffaf.js → getColorPresets.a96a4046.js}

@@ -1,6 +1,8 @@
-import { P as r } from "../theme/palette.0590e8a6.js";
-const e = [
+import { P as r } from "../theme/palette.287635f2.js";
+import { createTheme as s } from "@mui/material";
+const e = s(), a = [
   {
+    ...e.palette.primary,
     name: "patronus",
     lighter: r.patronusBlue[60],
     light: r.patronusBlue[40],
@@ -10,6 +12,7 @@ const e = [
     contrastText: r.marbleLight[10]
   },
   {
+    ...e.palette.primary,
     name: "turqui",
     lighter: r.turquiBlue[70],
     light: r.turquiBlue[40],
@@ -19,6 +22,7 @@ const e = [
     contrastText: r.marbleLight[10]
   },
   {
+    ...e.palette.primary,
     name: "grass",
     lighter: r.grassGreen[70],
     light: r.grassGreen[60],
@@ -28,6 +32,7 @@ const e = [
     contrastText: r.marbleLight[10]
   },
   {
+    ...e.palette.primary,
     name: "brown",
     lighter: r.brown[90],
     light: r.brown[70],
@@ -37,6 +42,7 @@ const e = [
     contrastText: r.marbleLight[10]
   },
   {
+    ...e.palette.primary,
     name: "blaze",
     lighter: r.blazeOrange[70],
     light: r.blazeOrange[60],
@@ -45,26 +51,26 @@ const e = [
     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) {
+], t = a[0], l = a[1], o = a[2], u = a[3], i = a[4];
+function p(n) {
   try {
     return {
-      patronus: a,
-      turqui: n,
-      grass: s,
-      brown: l,
-      blaze: u
-    }[t];
+      patronus: t,
+      turqui: l,
+      grass: o,
+      brown: u,
+      blaze: i
+    }[n];
   } catch {
   }
-  return a;
+  return t;
 }
 export {
-  s as a,
-  l as b,
-  e as c,
-  a as d,
-  u as e,
-  i as g,
-  n as t
+  o as a,
+  u as b,
+  a as c,
+  t as d,
+  i as e,
+  p as g,
+  l as t
 };

package/utils/getColorPresets.d.ts

@@ -1,74 +1,10 @@
 import { ThemeColorPresets } from '../types';
-export declare type ColorVariants = {
-    name: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-};
-export declare const colorPresets: {
-    name: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-}[];
-export declare const defaultPreset: {
-    name: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-};
-export declare const turqui: {
-    name: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-};
-export declare const grass: {
-    name: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-};
-export declare const brown: {
-    name: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-};
-export declare const blaze: {
-    name: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-};
-export declare function getColorPresets(presetsKey: ThemeColorPresets): {
-    name: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-};
+import { PaletteColor } from '@mui/material';
+export declare const colorPresets: Array<PaletteColor>;
+export declare const defaultPreset: PaletteColor;
+export declare const turqui: PaletteColor;
+export declare const grass: PaletteColor;
+export declare const brown: PaletteColor;
+export declare const blaze: PaletteColor;
+export declare function getColorPresets(presetsKey: ThemeColorPresets): any;
 export default getColorPresets;

package/utils/{getColorState.6c23eada.js → getColorState.b50b5b1e.js}

@@ -1,6 +1,11 @@
 import { alpha as a } from "@mui/system";
-import { P as e, O as r, S as o } from "../theme/palette.0590e8a6.js";
-const u = (i, n) => {
+import "../theme/defaultThemeOptions.0976e58a.js";
+import "../theme/shadows.e0c009ff.js";
+import { P as e, O as r, S as o } from "../theme/palette.287635f2.js";
+import "../theme/typography.2a9a38a6.js";
+import "@mui/material";
+import "@mui/material/styles";
+const m = (i, l) => {
   let t = {};
   switch (i) {
     case "patronus":
@@ -12,6 +17,7 @@ const u = (i, n) => {
           hover: e?.patronusBlue[40],
           hoverDefault: r?.oxford[12],
           default: r?.oxford[12],
+          borderDefault: e?.coolGrey[10],
           lineTheme: r?.patronus[48],
           borderPrimary: r?.oxford[24],
           borderSecondary: r?.oxford[60],
@@ -29,6 +35,7 @@ const u = (i, n) => {
           hover: e?.patronusBlue[30],
           hoverDefault: r?.mint[36],
           default: r?.mint[12],
+          borderDefault: e?.coolGrey[60],
           lineTheme: r?.patronus[48],
           borderPrimary: r?.mint[48],
           borderSecondary: r?.mint[36],
@@ -50,6 +57,7 @@ const u = (i, n) => {
           hover: e?.turquiBlue[70],
           hoverDefault: r?.oxford[12],
           default: r?.oxford[12],
+          borderDefault: e?.coolGrey[10],
           lineTheme: r?.turqui[48],
           borderPrimary: r?.oxford[24],
           borderSecondary: r?.oxford[60],
@@ -67,6 +75,7 @@ const u = (i, n) => {
           hover: e?.turquiBlue[30],
           hoverDefault: r?.mint[36],
           default: r?.mint[12],
+          borderDefault: e?.coolGrey[60],
           lineTheme: r?.turqui[48],
           borderPrimary: r?.mint[48],
           borderSecondary: r?.mint[36],
@@ -88,6 +97,7 @@ const u = (i, n) => {
           hover: e?.grassGreen[70],
           hoverDefault: r?.oxford[12],
           default: r?.oxford[12],
+          borderDefault: e?.coolGrey[10],
           lineTheme: r?.grass[48],
           borderPrimary: r?.oxford[24],
           borderSecondary: r?.oxford[60],
@@ -105,6 +115,7 @@ const u = (i, n) => {
           hover: e?.grassGreen[40],
           hoverDefault: r?.mint[36],
           default: r?.mint[12],
+          borderDefault: e?.coolGrey[60],
           lineTheme: r?.grass[48],
           borderPrimary: r?.mint[48],
           borderSecondary: r?.mint[36],
@@ -126,6 +137,7 @@ const u = (i, n) => {
           hover: e?.brown[90],
           hoverDefault: r?.oxford[12],
           default: r?.oxford[12],
+          borderDefault: e?.coolGrey[10],
           lineTheme: r?.brown[48],
           borderPrimary: r?.oxford[24],
           borderSecondary: r?.oxford[60],
@@ -143,6 +155,7 @@ const u = (i, n) => {
           hover: e?.brown[30],
           hoverDefault: r?.mint[36],
           default: r?.mint[12],
+          borderDefault: e?.coolGrey[60],
           lineTheme: r?.brown[48],
           borderPrimary: r?.mint[48],
           borderSecondary: r?.mint[36],
@@ -164,6 +177,7 @@ const u = (i, n) => {
           hover: e?.blazeOrange[70],
           hoverDefault: r?.oxford[12],
           default: r?.oxford[12],
+          borderDefault: e?.coolGrey[10],
           lineTheme: r?.orange[48],
           borderPrimary: r?.oxford[24],
           borderSecondary: r?.oxford[60],
@@ -181,6 +195,7 @@ const u = (i, n) => {
           hover: e?.blazeOrange[30],
           hoverDefault: r?.mint[36],
           default: r?.mint[12],
+          borderDefault: e?.coolGrey[60],
           lineTheme: r?.orange[48],
           borderPrimary: r?.mint[48],
           borderSecondary: r?.mint[36],
@@ -202,6 +217,7 @@ const u = (i, n) => {
           hover: e?.turquiBlue[70],
           hoverDefault: r?.oxford[12],
           default: r?.oxford[12],
+          borderDefault: e?.coolGrey[10],
           lineTheme: r?.patronus[48],
           borderPrimary: r?.oxford[24],
           borderSecondary: r?.oxford[60],
@@ -219,6 +235,7 @@ const u = (i, n) => {
           hover: e?.turquiBlue[30],
           hoverDefault: r?.mint[36],
           default: r?.mint[12],
+          borderDefault: e?.coolGrey[60],
           lineTheme: r?.patronus[48],
           borderPrimary: r?.mint[48],
           borderSecondary: r?.mint[36],
@@ -232,8 +249,8 @@ const u = (i, n) => {
       };
       break;
   }
-  return n === "light" ? { ...t.light } : { ...t.dark };
+  return l === "light" ? { ...t.light } : { ...t.dark };
 };
 export {
-  u as g
+  m as g
 };

package/vite-env.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="vite/client" />
-/// <reference types="vitest" />
-/// <reference types="vitest/importMeta" />
+/// <reference types="vite/client" />
+/// <reference types="vitest" />
+/// <reference types="vitest/importMeta" />

package/theme/defaultThemeOptions.348dc196.js

@@ -1,27 +0,0 @@
-import { t as a } from "./typography.8878fde5.js";
-import { p as o } from "./palette.0590e8a6.js";
-import { alpha as s } from "@mui/material";
-import { s as e, c as p } from "./shadows.86540b18.js";
-import { g as r } from "../utils/getColorPresets.2a91ffaf.js";
-import { g as m } from "../utils/getColorState.6c23eada.js";
-const f = {
-  typography: a,
-  palette: {
-    ...o.dark,
-    primary: r("patronus"),
-    state: { ...m("patronus", "dark") },
-    representative: r("patronus").darker
-  },
-  shape: { borderRadius: 8 },
-  direction: "rtl",
-  shadows: e.dark,
-  customShadows: {
-    primary: `0 8px 16px 0 ${s(r("patronus").main, 0.2)}`,
-    ...p("dark")
-  },
-  stretch: !0,
-  spacing: (t) => `${0.5 * t}rem`
-};
-export {
-  f as d
-};

package/theme/index.34d0fdea.js

@@ -1 +0,0 @@
-