@m4l/styles 0.0.22 → 0.0.24

package/utils/{getColorState.184e9d10.js → getColorState.c9741929.js}

@@ -1,11 +1,11 @@
 import { alpha as r } from "@mui/system";
-import "../theme/defaultThemeOptions.733652aa.js";
-import "../theme/shadows.3dfe77c2.js";
-import { P as e, S as o } from "../theme/palette.a914c187.js";
-import "../theme/typography.dd335f0f.js";
+import "../theme/defaultThemeOptions.d50c50f1.js";
+import "../theme/shadows.7ecb0e23.js";
+import { P as e, S as o } from "../theme/palette.d06284f6.js";
+import "../theme/typography.b693a0c9.js";
 import "@mui/material";
 import "@mui/material/styles";
-const f = (a, l) => {
+const h = (a, l) => {
   let t = {};
   switch (a) {
     case "patronus":
@@ -15,10 +15,11 @@ const f = (a, l) => {
           active: e?.patronusBlue[50],
           focus: e?.patronusBlue[40],
           hover: e?.patronusBlue[40],
-          overdefoult: r(e?.coolGrey[70], 0.1),
-          default: r(e?.coolGrey[70], 0.04),
+          overdefoult: r(e?.coolGrey[60], 0.1),
+          default: r(e?.marbleLight[40], 0.5),
           borderDefault: e?.coolGrey[40],
           borderTop: e?.marbleLight[10],
+          toneOp: "#D9E9FC",
           ...o
         },
         dark: {
@@ -30,6 +31,7 @@ const f = (a, l) => {
           default: r(e?.marbleLight[10], 0.04),
           borderDefault: e?.coolGrey[20],
           borderTop: r(e?.marbleLight[10], 0.04),
+          toneOp: "#2C4053",
           ...o
         }
       };
@@ -41,10 +43,11 @@ const f = (a, l) => {
           active: e?.turquiBlue[50],
           focus: e?.turquiBlue[70],
           hover: e?.turquiBlue[70],
-          overdefoult: r(e?.coolGrey[70], 0.1),
-          default: r(e?.coolGrey[70], 0.04),
+          overdefoult: r(e?.coolGrey[60], 0.1),
+          default: r(e?.marbleLight[40], 0.5),
           borderDefault: e?.coolGrey[40],
           borderTop: e?.marbleLight[10],
+          toneOp: "#DEE9EB",
           ...o
         },
         dark: {
@@ -56,6 +59,7 @@ const f = (a, l) => {
           default: r(e?.marbleLight[10], 0.04),
           borderDefault: e?.coolGrey[20],
           borderTop: r(e?.marbleLight[10], 0.04),
+          toneOp: "#314042",
           ...o
         }
       };
@@ -67,10 +71,11 @@ const f = (a, l) => {
           active: e?.grassGreen[50],
           focus: e?.grassGreen[70],
           hover: e?.grassGreen[70],
-          overdefoult: r(e?.coolGrey[70], 0.1),
-          default: r(e?.coolGrey[70], 0.04),
+          overdefoult: r(e?.coolGrey[60], 0.1),
+          default: r(e?.marbleLight[40], 0.5),
           borderDefault: e?.coolGrey[40],
           borderTop: e?.marbleLight[10],
+          toneOp: "#D9ECE6",
           ...o
         },
         dark: {
@@ -82,32 +87,35 @@ const f = (a, l) => {
           default: r(e?.marbleLight[10], 0.04),
           borderDefault: e?.coolGrey[20],
           borderTop: r(e?.marbleLight[10], 0.04),
+          toneOp: "#2C433D",
           ...o
         }
       };
       break;
-    case "desert":
+    case "brown":
       t = {
         light: {
-          active12: r(e?.desertBeige[50], 0.08),
-          active: e?.desertBeige[50],
-          focus: e?.desertBeige[70],
-          hover: e?.desertBeige[70],
-          overdefoult: r(e?.marbleLight[70], 0.1),
-          default: r(e?.coolGrey[70], 0.04),
+          active12: r(e?.brown[50], 0.08),
+          active: e?.brown[50],
+          focus: e?.brown[90],
+          hover: e?.brown[90],
+          overdefoult: r(e?.coolGrey[60], 0.1),
+          default: r(e?.marbleLight[40], 0.5),
           borderDefault: e?.coolGrey[40],
           borderTop: e?.marbleLight[10],
+          toneOp: "#ECEAE6",
           ...o
         },
         dark: {
-          active12: r(e?.desertBeige[50], 0.08),
-          active: e?.desertBeige[50],
-          focus: e?.desertBeige[40],
-          hover: e?.desertBeige[40],
+          active12: r(e?.brown[50], 0.08),
+          active: e?.brown[50],
+          focus: e?.brown[30],
+          hover: e?.brown[30],
           overdefoult: r(e?.marbleLight[10], 0.1),
           default: r(e?.marbleLight[10], 0.04),
           borderDefault: e?.coolGrey[20],
           borderTop: r(e?.marbleLight[10], 0.04),
+          toneOp: "#3F413D",
           ...o
         }
       };
@@ -119,10 +127,11 @@ const f = (a, l) => {
           active: e?.blazeOrange[50],
           focus: e?.blazeOrange[70],
           hover: e?.blazeOrange[70],
-          overdefoult: r(e?.coolGrey[70], 0.1),
-          default: r(e?.coolGrey[70], 0.04),
+          overdefoult: r(e?.coolGrey[60], 0.1),
+          default: r(e?.marbleLight[40], 0.5),
           borderDefault: e?.coolGrey[40],
           borderTop: e?.marbleLight[10],
+          toneOp: "#F2F0EB",
           ...o
         },
         dark: {
@@ -134,6 +143,7 @@ const f = (a, l) => {
           default: r(e?.marbleLight[10], 0.04),
           borderDefault: e?.coolGrey[20],
           borderTop: r(e?.marbleLight[10], 0.04),
+          toneOp: "#454742",
           ...o
         }
       };
@@ -145,10 +155,11 @@ const f = (a, l) => {
           active: e?.turquiBlue[50],
           focus: e?.turquiBlue[70],
           hover: e?.turquiBlue[70],
-          overdefoult: r(e?.coolGrey[70], 0.1),
-          default: r(e?.coolGrey[70], 0.04),
+          overdefoult: r(e?.coolGrey[60], 0.1),
+          default: r(e?.marbleLight[40], 0.5),
           borderDefault: e?.coolGrey[40],
           borderTop: e?.marbleLight[10],
+          toneOp: "#D9E9FC",
           ...o
         },
         dark: {
@@ -160,6 +171,7 @@ const f = (a, l) => {
           default: r(e?.marbleLight[10], 0.04),
           borderDefault: e?.coolGrey[20],
           borderTop: r(e?.marbleLight[10], 0.04),
+          toneOp: "#2C4053",
           ...o
         }
       };
@@ -168,5 +180,5 @@ const f = (a, l) => {
   return l === "light" ? { ...t.light } : { ...t.dark };
 };
 export {
-  f as g
+  h as g
 };

package/utils/getColorState.d.ts

@@ -14,5 +14,6 @@ export interface ColorStateOptions {
     warning: StateDefault;
     error: StateDefault;
     skeleton: StateSkeleton;
+    toneOp: string;
 }
 export declare const getColorState: (presetsKey: ThemeColorPresets, mode: 'light' | 'dark') => ColorStateOptions;

package/theme/index.fa6b03ae.js

@@ -1,7 +0,0 @@
-import "./defaultThemeOptions.733652aa.js";
-import "./shadows.3dfe77c2.js";
-import "./palette.a914c187.js";
-import "./typography.dd335f0f.js";
-import "@mui/material";
-import "@mui/material/styles";
-import "@mui/system";

package/utils/getColorPresets.9c103b85.js

@@ -1,70 +0,0 @@
-import { P as e } from "../theme/palette.a914c187.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
-};