@m4l/styles 0.0.8 → 0.0.9

package/index.js

@@ -1,7 +1,7 @@
-import { alpha as t, useTheme as m } from "@mui/material/styles";
+import { alpha as t, useTheme as R } from "@mui/material/styles";
 import { alpha as n } from "@mui/system";
 import { alpha as F } from "@mui/material";
-import { useResponsive as w } from "@m4l/graphics";
+import { useResponsive as $ } from "@m4l/graphics";
 function c(o, e) {
   return `linear-gradient(to bottom, ${o}, ${e})`;
 }
@@ -138,7 +138,7 @@ const r = {
     80: "#fff0",
     90: "#fff0"
   }
-}, $ = {
+}, A = {
   patronus: {
     4: t(r.patronusBlue[50], 0.04),
     12: t(r.patronusBlue[50], 0.12),
@@ -209,7 +209,7 @@ const r = {
   dark: r.patronusBlue[40],
   darker: r.patronusBlue[20],
   contrastText: r.marbleLight[10]
-}, A = {
+}, T = {
   lighter: "#fff0",
   light: "#fff0",
   main: "#fff0",
@@ -262,39 +262,39 @@ const r = {
   50048: t("#919EAB", 0.48),
   50056: t("#919EAB", 0.56),
   50080: t("#919EAB", 0.8)
-}, T = {
+}, D = {
   primary: c(b.light, b.main),
   info: c(y.light, y.main),
   success: c(f.light, f.main),
   warning: c(h.light, h.main),
   error: c(M.light, M.main)
-}, D = {
+}, I = {
   violet: ["#826AF9", "#9E86FF", "#D0AEFF", "#F7D2FF"],
   blue: ["#2D99FF", "#83CFFF", "#A5F3FF", "#CCFAFF"],
   green: ["#2CD9C5", "#60F1C8", "#A4F7CC", "#C0F2DC"],
   yellow: ["#FFE700", "#FFEF5A", "#FFF7AE", "#FFF3D6"],
   red: ["#FF6C40", "#FF8F6D", "#FFBD98", "#FFF2D4"]
-}, I = {
+}, z = {
   normal: r.crayonBlue[50],
   hover: r.crayonBlue[70]
-}, z = {
+}, G = {
   normal: r.acidGreen[60],
   hover: r.acidGreen[70]
-}, G = {
+}, E = {
   normal: r.flameRed[40],
   hover: r.flameRed[60]
-}, E = {
+}, H = {
   normal: r.flameRed[60],
   hover: r.flameRed[70]
-}, H = {
+}, P = {
   default: t(r.coolGrey[50], 0.24),
   transition: t(r.coolGrey[50], 0.08)
 }, l = {
-  info: { ...I },
-  success: { ...z },
-  error: { ...G },
-  warning: { ...E },
-  skeleton: { ...H }
+  info: { ...z },
+  success: { ...G },
+  error: { ...E },
+  warning: { ...H },
+  skeleton: { ...P }
 }, k = {
   common: { black: "#000", white: "#fff" },
   primary: { ...b },
@@ -302,15 +302,15 @@ const r = {
     ...l
   },
   patronus: { ...r },
-  opacity: { ...$ },
-  secondary: { ...A, contrastText: "#fff" },
+  opacity: { ...A },
+  secondary: { ...T, contrastText: "#fff" },
   info: { ...y, contrastText: "#fff" },
   success: { ...f, contrastText: x[800] },
   warning: { ...h, contrastText: x[800] },
   error: { ...M, contrastText: "#fff" },
   grey: x,
-  gradients: T,
-  chart: D,
+  gradients: D,
+  chart: I,
   divider: x[50024],
   action: {
     hoverOpacity: 0.08,
@@ -395,15 +395,19 @@ const r = {
     darker: r.blazeOrange[20],
     contrastText: r.marbleLight[10]
   }
-], P = g[0], W = g[1], _ = g[2], q = g[3], N = g[4];
+], C = g[0], W = g[1], _ = g[2], q = g[3], N = g[4];
 function ir(o) {
-  return {
-    patronus: P,
-    turqui: W,
-    grass: _,
-    candy: q,
-    blaze: N
-  }[o];
+  try {
+    return {
+      patronus: C,
+      turqui: W,
+      grass: _,
+      candy: q,
+      blaze: N
+    }[o];
+  } catch {
+  }
+  return C;
 }
 const nr = (o, e) => {
   let a = {};
@@ -551,14 +555,14 @@ function p({ sm: o, md: e, lg: a }) {
   };
 }
 function j() {
-  return [...m().breakpoints.keys].reverse().reduce((a, i) => {
-    const v = w("up", i);
+  return [...R().breakpoints.keys].reverse().reduce((a, i) => {
+    const v = $("up", i);
     return !a && v ? i : a;
   }, null) || "xs";
 }
 function pr(o) {
-  const e = m(), a = j(), i = e.breakpoints.up(a === "xl" ? "lg" : a), R = (o === "h1" || o === "h2" || o === "h3" || o === "h4" || o === "h5" || o === "h6") && e.typography[o][i] ? e.typography[o][i] : e.typography[o], B = Y(R.fontSize), S = Number(e.typography[o].lineHeight) * B, { fontWeight: L, letterSpacing: O } = e.typography[o];
-  return { fontSize: B, lineHeight: S, fontWeight: L, letterSpacing: O };
+  const e = R(), a = j(), i = e.breakpoints.up(a === "xl" ? "lg" : a), S = (o === "h1" || o === "h2" || o === "h3" || o === "h4" || o === "h5" || o === "h6") && e.typography[o][i] ? e.typography[o][i] : e.typography[o], B = Y(S.fontSize), L = Number(e.typography[o].lineHeight) * B, { fontWeight: O, letterSpacing: w } = e.typography[o];
+  return { fontSize: B, lineHeight: L, fontWeight: O, letterSpacing: w };
 }
 const V = "Poppins, sans-serif", U = {
   fontFamily: V,
@@ -673,7 +677,7 @@ const V = "Poppins, sans-serif", U = {
   }
 }, lr = {
   typography: U
-}, K = d.light.grey[500], J = "#000000", C = (o) => {
+}, K = d.light.grey[500], J = "#000000", m = (o) => {
   const e = t(o, 0.2), a = t(o, 0.14), i = t(o, 0.12);
   return [
     "none",
@@ -733,8 +737,8 @@ const V = "Poppins, sans-serif", U = {
     ...e
   };
 }, dr = {
-  light: C(K),
-  dark: C(J)
+  light: m(K),
+  dark: m(J)
 };
 function Q(o) {
   return {
@@ -2340,7 +2344,7 @@ export {
   q as candy,
   g as colorPresets,
   sr as createCustomShadows,
-  P as defaultPreset,
+  C as defaultPreset,
   lr as defaultThemeOptions,
   ur as fnComponentsOverrides,
   ir as getColorPresets,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "license": "UNLICENSED",
   "dependencies": {
     "@m4l/graphics": "*",