@m4l/styles 0.0.30 → 0.0.32

package/utils/getColorState.4350ccb4.js

@@ -0,0 +1,239 @@
+import { alpha as a } from "@mui/system";
+import { P as e, O as r, S as o } from "../theme/palette.31d770bc.js";
+const u = (t, i) => {
+  let d = {};
+  switch (t) {
+    case "patronus":
+      d = {
+        light: {
+          active12: r?.patronus[4],
+          active: e?.patronusBlue[50],
+          focus: e?.patronusBlue[40],
+          hover: e?.patronusBlue[40],
+          overdefoult: r?.oxford[12],
+          default: r?.oxford[12],
+          lineTheme: r?.patronus[48],
+          borderPrimary: r?.oxford[24],
+          borderSecondary: r?.oxford[60],
+          borderDens: r?.oxford[36],
+          borderDisable: r?.oxford[12],
+          toneOp: "#D9E9FC",
+          scrollBar: "#bcc5c8",
+          gridHover: "#e7eeef",
+          ...o
+        },
+        dark: {
+          active12: r?.patronus[4],
+          active: e?.patronusBlue[50],
+          focus: e?.patronusBlue[30],
+          hover: e?.patronusBlue[30],
+          overdefoult: r?.mint[36],
+          default: r?.mint[12],
+          lineTheme: r?.patronus[48],
+          borderPrimary: r?.mint[48],
+          borderSecondary: r?.mint[36],
+          borderDens: r?.mint[60],
+          borderDisable: r?.mint[12],
+          toneOp: "#2C4053",
+          scrollBar: "#414950",
+          gridHover: "#282d2d",
+          ...o
+        }
+      };
+      break;
+    case "turqui":
+      d = {
+        light: {
+          active12: a(e?.turquiBlue[50], 0.08),
+          active: e?.turquiBlue[50],
+          focus: e?.turquiBlue[70],
+          hover: e?.turquiBlue[70],
+          overdefoult: r?.oxford[12],
+          default: r?.oxford[12],
+          lineTheme: r?.turqui[48],
+          borderPrimary: r?.oxford[24],
+          borderSecondary: r?.oxford[60],
+          borderDens: r?.oxford[36],
+          borderDisable: r?.oxford[12],
+          toneOp: "#DEE9EB",
+          scrollBar: "#bcc5c8",
+          gridHover: "#e7eeef",
+          ...o
+        },
+        dark: {
+          active12: a(e?.turquiBlue[50], 0.08),
+          active: e?.turquiBlue[50],
+          focus: e?.turquiBlue[30],
+          hover: e?.turquiBlue[30],
+          overdefoult: r?.mint[36],
+          default: r?.mint[12],
+          lineTheme: r?.turqui[48],
+          borderPrimary: r?.mint[48],
+          borderSecondary: r?.mint[36],
+          borderDens: r?.mint[60],
+          borderDisable: r?.mint[12],
+          toneOp: "#314042",
+          scrollBar: "#414950",
+          gridHover: "#282d2d",
+          ...o
+        }
+      };
+      break;
+    case "grass":
+      d = {
+        light: {
+          active12: a(e?.grassGreen[50], 0.08),
+          active: e?.grassGreen[50],
+          focus: e?.grassGreen[70],
+          hover: e?.grassGreen[70],
+          overdefoult: r?.oxford[12],
+          default: r?.oxford[12],
+          lineTheme: r?.grass[48],
+          borderPrimary: r?.oxford[24],
+          borderSecondary: r?.oxford[60],
+          borderDens: r?.oxford[36],
+          borderDisable: r?.oxford[12],
+          toneOp: "#D9ECE6",
+          scrollBar: "#bcc5c8",
+          gridHover: "#e7eeef",
+          ...o
+        },
+        dark: {
+          active12: a(e?.grassGreen[50], 0.08),
+          active: e?.grassGreen[50],
+          focus: e?.grassGreen[40],
+          hover: e?.grassGreen[40],
+          overdefoult: r?.mint[36],
+          default: r?.mint[12],
+          lineTheme: r?.grass[48],
+          borderPrimary: r?.mint[48],
+          borderSecondary: r?.mint[36],
+          borderDens: r?.mint[60],
+          borderDisable: r?.mint[12],
+          toneOp: "#2C433D",
+          scrollBar: "#414950",
+          gridHover: "#282d2d",
+          ...o
+        }
+      };
+      break;
+    case "brown":
+      d = {
+        light: {
+          active12: a(e?.brown[50], 0.08),
+          active: e?.brown[50],
+          focus: e?.brown[90],
+          hover: e?.brown[90],
+          overdefoult: r?.oxford[12],
+          default: r?.oxford[12],
+          lineTheme: r?.brown[48],
+          borderPrimary: r?.oxford[24],
+          borderSecondary: r?.oxford[60],
+          borderDens: r?.oxford[36],
+          borderDisable: r?.oxford[12],
+          toneOp: "#ECEAE6",
+          scrollBar: "#bcc5c8",
+          gridHover: "#e7eeef",
+          ...o
+        },
+        dark: {
+          active12: a(e?.brown[50], 0.08),
+          active: e?.brown[50],
+          focus: e?.brown[30],
+          hover: e?.brown[30],
+          overdefoult: r?.mint[36],
+          default: r?.mint[12],
+          lineTheme: r?.brown[48],
+          borderPrimary: r?.mint[48],
+          borderSecondary: r?.mint[36],
+          borderDens: r?.mint[60],
+          borderDisable: r?.mint[12],
+          toneOp: "#3F413D",
+          scrollBar: "#414950",
+          gridHover: "#282d2d",
+          ...o
+        }
+      };
+      break;
+    case "blaze":
+      d = {
+        light: {
+          active12: a(e?.blazeOrange[50], 0.08),
+          active: e?.blazeOrange[50],
+          focus: e?.blazeOrange[70],
+          hover: e?.blazeOrange[70],
+          overdefoult: r?.oxford[12],
+          default: r?.oxford[12],
+          lineTheme: r?.orange[48],
+          borderPrimary: r?.oxford[24],
+          borderSecondary: r?.oxford[60],
+          borderDens: r?.oxford[36],
+          borderDisable: r?.oxford[12],
+          toneOp: "#F2F0EB",
+          scrollBar: "#bcc5c8",
+          gridHover: "#e7eeef",
+          ...o
+        },
+        dark: {
+          active12: a(e?.blazeOrange[50], 0.08),
+          active: e?.blazeOrange[50],
+          focus: e?.blazeOrange[30],
+          hover: e?.blazeOrange[30],
+          overdefoult: r?.mint[36],
+          default: r?.mint[12],
+          lineTheme: r?.orange[48],
+          borderPrimary: r?.mint[48],
+          borderSecondary: r?.mint[36],
+          borderDens: r?.mint[60],
+          borderDisable: r?.mint[12],
+          toneOp: "#454742",
+          scrollBar: "#414950",
+          gridHover: "#282d2d",
+          ...o
+        }
+      };
+      break;
+    default:
+      d = {
+        light: {
+          active12: a(e?.turquiBlue[50], 0.08),
+          active: e?.turquiBlue[50],
+          focus: e?.turquiBlue[70],
+          hover: e?.turquiBlue[70],
+          overdefoult: r?.oxford[12],
+          default: r?.oxford[12],
+          lineTheme: r?.patronus[48],
+          borderPrimary: r?.oxford[24],
+          borderSecondary: r?.oxford[60],
+          borderDens: r?.oxford[36],
+          borderDisable: r?.oxford[12],
+          toneOp: "#D9E9FC",
+          scrollBar: "#bcc5c8",
+          gridHover: "#e7eeef",
+          ...o
+        },
+        dark: {
+          active12: a(e?.turquiBlue[50], 0.08),
+          active: e?.turquiBlue[50],
+          focus: e?.turquiBlue[30],
+          hover: e?.turquiBlue[30],
+          overdefoult: r?.mint[36],
+          default: r?.mint[12],
+          lineTheme: r?.patronus[48],
+          borderPrimary: r?.mint[48],
+          borderSecondary: r?.mint[36],
+          borderDens: r?.mint[60],
+          borderDisable: r?.mint[12],
+          toneOp: "#2C4053",
+          scrollBar: "#414950",
+          gridHover: "#282d2d",
+          ...o
+        }
+      };
+      break;
+  }
+  return i === "light" ? { ...d.light } : { ...d.dark };
+};
+export {
+  u as g
+};

package/utils/getColorState.d.ts

@@ -9,6 +9,11 @@ export interface ColorStateOptions {
     default: string;
     borderDefault: string;
     borderTop: string;
+    lineTheme: string;
+    borderPrimary: string;
+    borderSecondary: string;
+    borderDens: string;
+    borderDisable: string;
     info: StateDefault;
     success: StateDefault;
     warning: StateDefault;

package/theme/defaultThemeOptions.a8de2e18.js

@@ -1,30 +0,0 @@
-import "@mui/material/styles";
-import "@mui/material/useMediaQuery";
-import { g as r } from "../utils/getColorPresets.2693301f.js";
-import "@mui/system";
-import { t as a } from "./typography.7591a12b.js";
-import { p as o } from "./palette.104051a7.js";
-import { alpha as s } from "@mui/material";
-import { s as p, c as e } from "./shadows.b036a684.js";
-import { g as m } from "../utils/getColorState.32c050bf.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.b0919dac.js

@@ -1,7 +0,0 @@
-import "./defaultThemeOptions.a8de2e18.js";
-import "./shadows.b036a684.js";
-import "./palette.104051a7.js";
-import "./typography.7591a12b.js";
-import "@mui/material";
-import "@mui/material/styles";
-import "@mui/system";

package/theme/overrides/M4LExtendedComponents/M4LToolkitDivider.d.ts

@@ -1,18 +0,0 @@
-import { Theme } from '@mui/material/styles';
-export declare const M4LToolkitDivider: (theme: Theme) => {
-    M4LToolkitDivider: {
-        styleOverrides: {
-            '&.M4LToolkitDivider-root': {
-                backgroundColor: string;
-                '&.M4LToolkitDivider-directionHorizontal': {
-                    width: string;
-                    height: string;
-                };
-                '&.M4LToolkitDivider-directionVertical': {
-                    width: string;
-                    height: string;
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LToolkitSection.d.ts

@@ -1,24 +0,0 @@
-import { Theme } from '@mui/material/styles';
-export declare const M4LToolkitSection: (theme: Theme) => {
-    M4LToolkitSection: {
-        styleOverrides: {
-            '&.M4LToolkitSection-root': {
-                width: string;
-                height: string;
-                display: string;
-                border: string;
-                padding: string;
-                gap: string;
-                '&.M4LToolkitSection-directionColumn': {
-                    flexDirection: string;
-                };
-                '&.M4LToolkitSection-directionRow': {
-                    flexDirection: string;
-                };
-                '&.M4LToolkitSection-borderBottom': {
-                    borderBottomColor: string;
-                };
-            };
-        };
-    };
-};