@m4l/styles 0.0.19 → 0.0.21

package/theme/{palette.95c4f9c8.js → palette.ad96498c.js}

@@ -1,18 +1,18 @@
 import { alpha as r } from "@mui/material/styles";
-function a(c, s) {
-  return `linear-gradient(to bottom, ${c}, ${s})`;
+function a(s, B) {
+  return `linear-gradient(to bottom, ${s}, ${B})`;
 }
 const e = {
   patronusBlue: {
-    10: "#CCE6FF",
-    20: "#88BCFF",
-    30: "#60A7FF",
-    40: "#3891FF",
+    10: "#DBE9FF",
+    20: "#B6D3FF",
+    30: "#6DA8FF",
+    40: "#3787FF",
     50: "#0064FF",
-    60: "#0039D7",
-    70: "#001AA4",
-    80: "#00086A",
-    90: "#000033"
+    60: "#0050C8",
+    70: "#003A92",
+    80: "#00245B",
+    90: "#000F24"
   },
   crayonBlue: {
     10: "#D9E9FF",
@@ -48,48 +48,48 @@ const e = {
     90: "#0B3D00"
   },
   grassGreen: {
-    10: "#FDFFE6",
-    20: "#D0E4A3",
-    30: "#AFDA85",
-    40: "#87D06A",
-    50: "#4BB543",
-    60: "#438C2D",
-    70: "#3A631E",
-    80: "#2A3B11",
-    90: "#0F1206"
+    10: "#E3F4EB",
+    20: "#AADEC2",
+    30: "#7BCCA1",
+    40: "#3FA26D",
+    50: "#00804C",
+    60: "#005B37",
+    70: "#004026",
+    80: "#002416",
+    90: "#00120B"
   },
-  candyRed: {
-    10: "#FFD6D6",
-    20: "#EE9B9B",
-    30: "#EB7F7F",
-    40: "#E86463",
-    50: "#D73733",
-    60: "#AE1916",
-    70: "#850502",
-    80: "#5C0500",
-    90: "#330400"
+  desertBeige: {
+    10: "#F6EBE2",
+    20: "#EDD7C5",
+    30: "#E7CAB1",
+    40: "#DDB490",
+    50: "#D4A276",
+    60: "#BD8F68",
+    70: "#AD794C",
+    80: "#90653F",
+    90: "#735133"
   },
   turquiBlue: {
-    10: "#B5D9EA",
-    20: "#92BBCD",
-    30: "#709DB1 ",
-    40: "#4D7E94",
+    10: "#C8E1EC",
+    20: "#A3CDDF",
+    30: "#76A5BA",
+    40: "#377F9D",
     50: "#2A6077",
-    60: "#255569",
-    70: "#214A5A",
-    80: "#1C3E4C",
-    90: "#18333D"
+    60: "#214C5F",
+    70: "#1B3F4E",
+    80: "#15313C",
+    90: "#0F232B"
   },
   blazeOrange: {
-    10: "#F8BE9F",
-    20: "#FAA777",
-    30: "#FC8F50",
-    40: "#FD7828",
-    50: "#FF6000",
-    60: "#DE5300",
-    70: "#BD4600",
-    80: "#9B3900",
-    90: "#6D2A00"
+    10: "#F9E9D0",
+    20: "#F4D3A1",
+    30: "#F2BD6D",
+    40: "#EBAE53",
+    50: "#E59722",
+    60: "#BA7916",
+    70: "#BA7916",
+    80: "#774D0E",
+    90: "#735133"
   },
   flameRed: {
     10: "#FFD8D8",
@@ -114,99 +114,99 @@ const e = {
     90: "#233333"
   },
   marbleLight: {
-    10: "#FEFFFF",
-    20: "#F9FBFB",
-    30: "#F4F7F7",
-    40: "#EFF3F4",
-    50: "#EAEFF0",
-    60: "#fff0",
-    70: "#fff0",
+    10: "#FFFFFF",
+    20: "#F7FCFC",
+    30: "#F9FBFB",
+    40: "#F4F7F7",
+    50: "#EFF3F4",
+    60: "#EAEFF0",
+    70: "#DEE6E8",
     80: "#fff0",
     90: "#fff0"
   },
   ashBlak: {
-    10: "#2F3737",
-    20: "#2A3232",
-    30: "#252C2C",
-    40: "#212727",
-    50: "#1C2121",
-    60: "#090A0A",
-    70: "#fff0",
+    10: "#364040",
+    20: "#2F3737",
+    30: "#2A3232",
+    40: "#252C2C",
+    50: "#212727",
+    60: "#1C2121",
+    70: "#090A0A",
     80: "#fff0",
     90: "#fff0"
   }
-}, d = {
+}, c = {
   patronus: {
     4: r(e.patronusBlue[50], 0.04),
-    12: r(e.patronusBlue[50], 0.12),
-    24: r(e.patronusBlue[50], 0.24),
-    36: r(e.patronusBlue[50], 0.36),
+    12: r(e.patronusBlue[50], 0.08),
+    24: r(e.patronusBlue[50], 0.16),
+    36: r(e.patronusBlue[50], 0.32),
     48: r(e.patronusBlue[50], 0.48),
     60: r(e.patronusBlue[50], 0.6),
     72: r(e.patronusBlue[50], 0.72)
   },
   turqui: {
     4: r(e.turquiBlue[50], 0.04),
-    12: r(e.turquiBlue[50], 0.12),
-    24: r(e.turquiBlue[50], 0.24),
-    36: r(e.turquiBlue[50], 0.36),
+    12: r(e.turquiBlue[50], 0.08),
+    24: r(e.turquiBlue[50], 0.16),
+    36: r(e.turquiBlue[50], 0.32),
     48: r(e.turquiBlue[50], 0.48),
     60: r(e.turquiBlue[50], 0.6),
     72: r(e.turquiBlue[50], 0.72)
   },
   grass: {
     4: r(e.grassGreen[50], 0.04),
-    12: r(e.grassGreen[50], 0.12),
-    24: r(e.grassGreen[50], 0.24),
-    36: r(e.grassGreen[50], 0.36),
+    12: r(e.grassGreen[50], 0.08),
+    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)
   },
-  candy: {
-    4: r(e.candyRed[50], 0.04),
-    12: r(e.candyRed[50], 0.12),
-    24: r(e.candyRed[50], 0.24),
-    36: r(e.candyRed[50], 0.36),
-    48: r(e.candyRed[50], 0.48),
-    60: r(e.candyRed[50], 0.6),
-    72: r(e.candyRed[50], 0.72)
+  desert: {
+    4: r(e.desertBeige[50], 0.04),
+    12: r(e.desertBeige[50], 0.08),
+    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.12),
-    24: r(e.blazeOrange[50], 0.24),
-    36: r(e.blazeOrange[50], 0.36),
+    12: r(e.blazeOrange[50], 0.08),
+    24: r(e.blazeOrange[50], 0.16),
+    36: r(e.blazeOrange[50], 0.32),
     48: r(e.blazeOrange[50], 0.48),
     60: r(e.blazeOrange[50], 0.6),
     72: r(e.blazeOrange[50], 0.72)
   },
   cool: {
     4: r(e.coolGrey[70], 0.04),
-    12: r(e.coolGrey[70], 0.12),
-    24: r(e.coolGrey[70], 0.24),
-    36: r(e.coolGrey[70], 0.36),
+    12: r(e.coolGrey[70], 0.08),
+    24: r(e.coolGrey[70], 0.16),
+    36: r(e.coolGrey[70], 0.32),
     48: r(e.coolGrey[70], 0.48),
     60: r(e.coolGrey[70], 0.6),
     72: r(e.coolGrey[70], 0.72)
   },
   marbel: {
     4: r(e.marbleLight[10], 0.04),
-    12: r(e.marbleLight[10], 0.12),
-    24: r(e.marbleLight[10], 0.24),
-    36: r(e.marbleLight[10], 0.36),
+    12: r(e.marbleLight[10], 0.08),
+    24: r(e.marbleLight[10], 0.16),
+    36: r(e.marbleLight[10], 0.32),
     48: r(e.marbleLight[10], 0.48),
     60: r(e.marbleLight[10], 0.6),
     72: r(e.marbleLight[10], 0.72)
   }
 }, t = {
-  lighter: e.patronusBlue[70],
-  light: e.patronusBlue[60],
+  lighter: e.patronusBlue[60],
+  light: e.patronusBlue[40],
   main: e.patronusBlue[50],
-  dark: e.patronusBlue[40],
-  darker: e.patronusBlue[20],
+  dark: e.patronusBlue[30],
+  darker: e.patronusBlue[10],
   contrastText: e.marbleLight[10]
-}, u = {
+}, d = {
   lighter: "#fff0",
   light: "#fff0",
   main: "#fff0",
@@ -233,7 +233,7 @@ const e = {
   dark: "#fff0",
   darker: "#fff0",
   opacity: r(e.middleYellow[60], 0.08)
-}, f = {
+}, i = {
   lighter: "#fff0",
   light: "#fff0",
   main: e.flameRed[40],
@@ -259,13 +259,13 @@ const e = {
   50048: r("#919EAB", 0.48),
   50056: r("#919EAB", 0.56),
   50080: r("#919EAB", 0.8)
-}, A = {
+}, u = {
   primary: a(t.light, t.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 = {
+  error: a(i.light, i.main)
+}, A = {
   violet: ["#826AF9", "#9E86FF", "#D0AEFF", "#F7D2FF"],
   blue: ["#2D99FF", "#83CFFF", "#A5F3FF", "#CCFAFF"],
   green: ["#2CD9C5", "#60F1C8", "#A4F7CC", "#C0F2DC"],
@@ -283,39 +283,39 @@ const e = {
 }, m = {
   normal: e.middleYellow[60],
   hover: e.middleYellow[70]
-}, h = {
+}, D = {
   default: r(e.coolGrey[50], 0.24),
   transition: r(e.coolGrey[50], 0.08)
-}, y = {
+}, h = {
   info: { ...g },
   success: { ...E },
   error: { ...C },
   warning: { ...m },
-  skeleton: { ...h }
-}, i = {
+  skeleton: { ...D }
+}, f = {
   common: { black: "#000", white: "#fff" },
   primary: { ...t },
   state: {
-    ...y
+    ...h
   },
   patronus: { ...e },
-  opacity: { ...d },
-  secondary: { ...u, contrastText: "#fff" },
+  opacity: { ...c },
+  secondary: { ...d, contrastText: "#fff" },
   info: { ...l, contrastText: "#fff" },
   success: { ...o, contrastText: F[800] },
   warning: { ...n, contrastText: F[800] },
-  error: { ...f, contrastText: "#fff" },
+  error: { ...i, contrastText: "#fff" },
   grey: F,
-  gradients: A,
-  chart: B,
+  gradients: u,
+  chart: A,
   divider: F[50024],
   action: {
     hoverOpacity: 0.08,
     disabledOpacity: 0.48
   }
-}, p = {
+}, y = {
   light: {
-    ...i,
+    ...f,
     mode: "light",
     text: {
       primary: e.ashBlak[10],
@@ -324,14 +324,14 @@ 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" }
   },
   dark: {
-    ...i,
+    ...f,
     mode: "dark",
     text: {
       primary: e.marbleLight[30],
@@ -349,6 +349,6 @@ const e = {
 };
 export {
   e as P,
-  y as S,
-  p
+  h as S,
+  y as p
 };

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' | 'candyRed' | 'turquiBlue' | 'blazeOrange' | 'flameRed' | 'coolGrey' | 'marbleLight' | 'ashBlak';
-export declare type PatronusOpacityColors = 'patronus' | 'turqui' | 'grass' | 'candy' | 'blaze' | 'cool' | 'marbel';
+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 interface PatronusColorOptions {
     10: string;
     20: string;
@@ -133,7 +133,7 @@ export declare const palette: {
             middleYellow: PatronusColorOptions;
             acidGreen: PatronusColorOptions;
             grassGreen: PatronusColorOptions;
-            candyRed: PatronusColorOptions;
+            desertBeige: PatronusColorOptions;
             turquiBlue: PatronusColorOptions;
             blazeOrange: PatronusColorOptions;
             flameRed: PatronusColorOptions;
@@ -145,7 +145,7 @@ export declare const palette: {
             patronus: PatronusOpacityOptions;
             turqui: PatronusOpacityOptions;
             grass: PatronusOpacityOptions;
-            candy: PatronusOpacityOptions;
+            desert: PatronusOpacityOptions;
             blaze: PatronusOpacityOptions;
             cool: PatronusOpacityOptions;
             marbel: PatronusOpacityOptions;
@@ -292,7 +292,7 @@ export declare const palette: {
             middleYellow: PatronusColorOptions;
             acidGreen: PatronusColorOptions;
             grassGreen: PatronusColorOptions;
-            candyRed: PatronusColorOptions;
+            desertBeige: PatronusColorOptions;
             turquiBlue: PatronusColorOptions;
             blazeOrange: PatronusColorOptions;
             flameRed: PatronusColorOptions;
@@ -304,7 +304,7 @@ export declare const palette: {
             patronus: PatronusOpacityOptions;
             turqui: PatronusOpacityOptions;
             grass: PatronusOpacityOptions;
-            candy: PatronusOpacityOptions;
+            desert: PatronusOpacityOptions;
             blaze: PatronusOpacityOptions;
             cool: PatronusOpacityOptions;
             marbel: PatronusOpacityOptions;

package/theme/{shadows.354bbb03.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.95c4f9c8.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.61f909b7.js → typography.39389e10.js}

@@ -1,10 +1,10 @@
 import "@mui/material/styles";
 import "@mui/material/useMediaQuery";
-import "../utils/getColorPresets.d73f30ad.js";
+import "../utils/getColorPresets.82f91ceb.js";
 import "@mui/system";
-import "./defaultThemeOptions.d67fe64c.js";
-import "./shadows.354bbb03.js";
-import "./palette.95c4f9c8.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/types/types.d.ts

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

package/utils/getColorPresets.82f91ceb.js

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

package/utils/getColorPresets.d.ts

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