npm - @m4l/styles - Versions diffs - 0.0.19 → 0.0.21 - Mend

@m4l/styles 0.0.19 → 0.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/index.js +19 -19
package/package.json +1 -1
package/theme/{defaultThemeOptions.d67fe64c.js → defaultThemeOptions.81e20130.js} +5 -5
package/theme/index.38ad102a.js +7 -0
package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +237 -67
package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +1151 -336
package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +116 -63
package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts +1 -0
package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +245 -8
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +46 -12
package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +8 -4
package/theme/overrides/M4LExtendedComponents/{index.bd713d88.js → index.9ecb9eb5.js} +524 -289
package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +17 -3
package/theme/overrides/M4LRHFComponents/{index.1406e2ed.js → index.e3118e8b.js} +25 -11
package/theme/overrides/MUIComponents/Button.d.ts +3 -1
package/theme/overrides/MUIComponents/Input.d.ts +16 -3
package/theme/overrides/MUIComponents/Tabs.d.ts +2 -0
package/theme/overrides/MUIComponents/{index.e3d060c3.js → index.25926753.js} +50 -32
package/theme/overrides/{index.6b7aec0f.js → index.05460ef6.js} +3 -3
package/theme/{palette.95c4f9c8.js → palette.ad96498c.js} +114 -114
package/theme/palette.d.ts +6 -6
package/theme/{shadows.354bbb03.js → shadows.c56e8ae9.js} +1 -1
package/theme/{typography.61f909b7.js → typography.39389e10.js} +4 -4
package/types/types.d.ts +1 -1
package/utils/getColorPresets.82f91ceb.js +70 -0
package/utils/getColorPresets.d.ts +1 -1
package/utils/getColorState.0e5b3a7c.js +172 -0
package/utils/getColorState.d.ts +1 -0
package/theme/index.efa44d2d.js +0 -7
package/utils/getColorPresets.d73f30ad.js +0 -70
package/utils/getColorState.bde51cf7.js +0 -159

package/utils/getColorState.0e5b3a7c.js ADDED Viewed

@@ -0,0 +1,172 @@
+import { alpha as r } from "@mui/system";
+import "../theme/defaultThemeOptions.81e20130.js";
+import "../theme/shadows.c56e8ae9.js";
+import { P as e, S as o } from "../theme/palette.ad96498c.js";
+import "../theme/typography.39389e10.js";
+import "@mui/material";
+import "@mui/material/styles";
+const f = (a, l) => {
+  let t = {};
+  switch (a) {
+    case "patronus":
+      t = {
+        light: {
+          active12: r(e?.patronusBlue[50], 0.08),
+          active: e?.patronusBlue[50],
+          focus: e?.patronusBlue[60],
+          hover: e?.patronusBlue[60],
+          overdefoult: r(e?.coolGrey[70], 0.1),
+          default: r(e?.coolGrey[70], 0.04),
+          borderDefault: e?.coolGrey[40],
+          borderTop: e?.marbleLight[10],
+          ...o
+        },
+        dark: {
+          active12: r(e?.patronusBlue[50], 0.08),
+          active: e?.patronusBlue[50],
+          focus: e?.patronusBlue[30],
+          hover: e?.patronusBlue[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),
+          ...o
+        }
+      };
+      break;
+    case "turqui":
+      t = {
+        light: {
+          active12: r(e?.turquiBlue[50], 0.08),
+          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),
+          borderDefault: e?.coolGrey[40],
+          borderTop: e?.marbleLight[10],
+          ...o
+        },
+        dark: {
+          active12: r(e?.turquiBlue[50], 0.08),
+          active: e?.turquiBlue[50],
+          focus: e?.turquiBlue[30],
+          hover: e?.turquiBlue[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),
+          ...o
+        }
+      };
+      break;
+    case "grass":
+      t = {
+        light: {
+          active12: r(e?.grassGreen[50], 0.08),
+          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),
+          borderDefault: e?.coolGrey[40],
+          borderTop: e?.marbleLight[10],
+          ...o
+        },
+        dark: {
+          active12: r(e?.grassGreen[50], 0.08),
+          active: e?.grassGreen[50],
+          focus: e?.grassGreen[40],
+          hover: e?.grassGreen[40],
+          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),
+          ...o
+        }
+      };
+      break;
+    case "desert":
+      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),
+          borderDefault: e?.coolGrey[40],
+          borderTop: e?.marbleLight[10],
+          ...o
+        },
+        dark: {
+          active12: r(e?.desertBeige[50], 0.08),
+          active: e?.desertBeige[50],
+          focus: e?.desertBeige[40],
+          hover: e?.desertBeige[40],
+          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),
+          ...o
+        }
+      };
+      break;
+    case "blaze":
+      t = {
+        light: {
+          active12: r(e?.blazeOrange[50], 0.08),
+          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),
+          borderDefault: e?.coolGrey[40],
+          borderTop: e?.marbleLight[10],
+          ...o
+        },
+        dark: {
+          active12: r(e?.blazeOrange[50], 0.08),
+          active: e?.blazeOrange[50],
+          focus: e?.blazeOrange[30],
+          hover: e?.blazeOrange[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),
+          ...o
+        }
+      };
+      break;
+    default:
+      t = {
+        light: {
+          active12: r(e?.turquiBlue[50], 0.08),
+          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),
+          borderDefault: e?.coolGrey[40],
+          borderTop: e?.marbleLight[10],
+          ...o
+        },
+        dark: {
+          active12: r(e?.turquiBlue[50], 0.08),
+          active: e?.turquiBlue[50],
+          focus: e?.turquiBlue[30],
+          hover: e?.turquiBlue[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),
+          ...o
+        }
+      };
+      break;
+  }
+  return l === "light" ? { ...t.light } : { ...t.dark };
+};
+export {
+  f as g
+};

package/utils/getColorState.d.ts CHANGED Viewed

@@ -8,6 +8,7 @@ export interface ColorStateOptions {
     overdefoult: string;
     default: string;
     borderDefault: string;
+    borderTop: string;
     info: StateDefault;
     success: StateDefault;
     warning: StateDefault;

package/theme/index.efa44d2d.js DELETED Viewed

@@ -1,7 +0,0 @@
-import "./defaultThemeOptions.d67fe64c.js";
-import "./shadows.354bbb03.js";
-import "./palette.95c4f9c8.js";
-import "./typography.61f909b7.js";
-import "@mui/material";
-import "@mui/material/styles";
-import "@mui/system";

package/utils/getColorPresets.d73f30ad.js DELETED Viewed

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

package/utils/getColorState.bde51cf7.js DELETED Viewed

@@ -1,159 +0,0 @@
-import { alpha as r } from "@mui/system";
-import "../theme/defaultThemeOptions.d67fe64c.js";
-import "../theme/shadows.354bbb03.js";
-import { P as e, S as a } from "../theme/palette.95c4f9c8.js";
-import "../theme/typography.61f909b7.js";
-import "@mui/material";
-import "@mui/material/styles";
-const b = (t, l) => {
-  let o = {};
-  switch (t) {
-    case "patronus":
-      o = {
-        light: {
-          active12: r(e?.patronusBlue[50], 0.12),
-          active: e?.patronusBlue[50],
-          focus: e?.patronusBlue[70],
-          hover: e?.patronusBlue[60],
-          overdefoult: r(e?.coolGrey[70], 0.1),
-          default: r(e?.coolGrey[70], 0.04),
-          borderDefault: r(e?.coolGrey[70], 0.24),
-          ...a
-        },
-        dark: {
-          active12: r(e?.patronusBlue[50], 0.12),
-          active: e?.patronusBlue[50],
-          focus: e?.patronusBlue[30],
-          hover: e?.patronusBlue[40],
-          overdefoult: r(e?.marbleLight[10], 0.1),
-          default: r(e?.marbleLight[10], 0.04),
-          borderDefault: r(e?.coolGrey[70], 0.6),
-          ...a
-        }
-      };
-      break;
-    case "turqui":
-      o = {
-        light: {
-          active12: r(e?.turquiBlue[50], 0.12),
-          active: e?.turquiBlue[50],
-          focus: e?.turquiBlue[70],
-          hover: e?.turquiBlue[60],
-          overdefoult: r(e?.coolGrey[70], 0.1),
-          default: r(e?.coolGrey[70], 0.04),
-          borderDefault: r(e?.coolGrey[70], 0.24),
-          ...a
-        },
-        dark: {
-          active12: r(e?.turquiBlue[50], 0.12),
-          active: e?.turquiBlue[50],
-          focus: e?.turquiBlue[30],
-          hover: e?.turquiBlue[40],
-          overdefoult: r(e?.marbleLight[10], 0.1),
-          default: r(e?.marbleLight[10], 0.04),
-          borderDefault: r(e?.coolGrey[70], 0.6),
-          ...a
-        }
-      };
-      break;
-    case "grass":
-      o = {
-        light: {
-          active12: r(e?.grassGreen[50], 0.12),
-          active: e?.grassGreen[50],
-          focus: e?.grassGreen[70],
-          hover: e?.grassGreen[60],
-          overdefoult: r(e?.coolGrey[70], 0.1),
-          default: r(e?.coolGrey[70], 0.04),
-          borderDefault: r(e?.coolGrey[70], 0.24),
-          ...a
-        },
-        dark: {
-          active12: r(e?.grassGreen[50], 0.12),
-          active: e?.grassGreen[50],
-          focus: e?.grassGreen[30],
-          hover: e?.grassGreen[40],
-          overdefoult: r(e?.marbleLight[10], 0.1),
-          default: r(e?.marbleLight[10], 0.04),
-          borderDefault: r(e?.coolGrey[70], 0.6),
-          ...a
-        }
-      };
-      break;
-    case "candy":
-      o = {
-        light: {
-          active12: r(e?.candyRed[50], 0.12),
-          active: e?.candyRed[50],
-          focus: e?.candyRed[70],
-          hover: e?.candyRed[60],
-          default: r(e?.coolGrey[70], 0.04),
-          borderDefault: r(e?.coolGrey[70], 0.24),
-          ...a
-        },
-        dark: {
-          active12: r(e?.candyRed[50], 0.12),
-          active: e?.candyRed[50],
-          focus: e?.candyRed[30],
-          hover: e?.candyRed[40],
-          overdefoult: r(e?.marbleLight[10], 0.1),
-          default: r(e?.marbleLight[10], 0.04),
-          borderDefault: r(e?.coolGrey[70], 0.6),
-          ...a
-        }
-      };
-      break;
-    case "blaze":
-      o = {
-        light: {
-          active12: r(e?.blazeOrange[50], 0.12),
-          active: e?.blazeOrange[50],
-          focus: e?.blazeOrange[70],
-          hover: e?.blazeOrange[60],
-          overdefoult: r(e?.coolGrey[70], 0.1),
-          default: r(e?.coolGrey[70], 0.04),
-          borderDefault: r(e?.coolGrey[70], 0.24),
-          ...a
-        },
-        dark: {
-          active12: r(e?.blazeOrange[50], 0.12),
-          active: e?.blazeOrange[50],
-          focus: e?.blazeOrange[30],
-          hover: e?.blazeOrange[40],
-          overdefoult: r(e?.marbleLight[10], 0.1),
-          default: r(e?.marbleLight[10], 0.04),
-          borderDefault: r(e?.coolGrey[70], 0.6),
-          ...a
-        }
-      };
-      break;
-    default:
-      o = {
-        light: {
-          active12: r(e?.turquiBlue[50], 0.12),
-          active: e?.turquiBlue[50],
-          focus: e?.turquiBlue[70],
-          hover: e?.turquiBlue[60],
-          overdefoult: r(e?.coolGrey[70], 0.1),
-          default: r(e?.coolGrey[70], 0.04),
-          borderDefault: r(e?.coolGrey[70], 0.24),
-          ...a
-        },
-        dark: {
-          active12: r(e?.turquiBlue[50], 0.12),
-          active: e?.turquiBlue[50],
-          focus: e?.turquiBlue[30],
-          hover: e?.turquiBlue[40],
-          overdefoult: r(e?.marbleLight[10], 0.1),
-          default: r(e?.marbleLight[10], 0.04),
-          borderDefault: r(e?.coolGrey[70], 0.6),
-          ...a
-        }
-      };
-      break;
-  }
-  return l === "light" ? { ...o.light } : { ...o.dark };
-};
-export {
-  b as g
-};