@m4l/styles 0.0.49 → 1.0.0

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.7b9634af.js → getColorState.b50b5b1e.js}

@@ -1,11 +1,11 @@
 import { alpha as a } from "@mui/system";
-import "../theme/defaultThemeOptions.656b9eff.js";
-import "../theme/shadows.86540b18.js";
-import { P as e, O as r, S as o } from "../theme/palette.0590e8a6.js";
-import "../theme/typography.ed54f014.js";
+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 c = (i, n) => {
+const m = (i, l) => {
   let t = {};
   switch (i) {
     case "patronus":
@@ -17,6 +17,7 @@ const c = (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],
@@ -34,6 +35,7 @@ const c = (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],
@@ -55,6 +57,7 @@ const c = (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],
@@ -72,6 +75,7 @@ const c = (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],
@@ -93,6 +97,7 @@ const c = (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],
@@ -110,6 +115,7 @@ const c = (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],
@@ -131,6 +137,7 @@ const c = (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],
@@ -148,6 +155,7 @@ const c = (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],
@@ -169,6 +177,7 @@ const c = (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],
@@ -186,6 +195,7 @@ const c = (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],
@@ -207,6 +217,7 @@ const c = (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],
@@ -224,6 +235,7 @@ const c = (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],
@@ -237,8 +249,8 @@ const c = (i, n) => {
       };
       break;
   }
-  return n === "light" ? { ...t.light } : { ...t.dark };
+  return l === "light" ? { ...t.light } : { ...t.dark };
 };
 export {
-  c as g
+  m as g
 };

package/theme/defaultThemeOptions.656b9eff.js

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

package/theme/index.bc975e94.js

@@ -1,7 +0,0 @@
-import "./defaultThemeOptions.656b9eff.js";
-import "./shadows.86540b18.js";
-import "./palette.0590e8a6.js";
-import "./typography.ed54f014.js";
-import "@mui/material";
-import "@mui/material/styles";
-import "@mui/system";