@m4l/styles 6.4.0 → 6.4.1

package/utils/getPaletteByPreset.js

@@ -0,0 +1,142 @@
+import { P as c, a as u, b } from "../theme/palette/presetColors.js";
+import { B as r } from "../theme/palette/baseColors.js";
+import { C as n } from "../theme/palette/commonColors.js";
+import { G as d } from "../theme/palette/greyPalette.js";
+import { S as s, a } from "../theme/palette/semanticColors.js";
+import { B as o } from "../theme/palette/baseOpacityColors.js";
+import { D as f, a as m } from "../theme/palette/defaultColors.js";
+const t = {
+  light: {
+    scrollBar: "#5663763D",
+    gridHover: "#FCFCFC"
+  },
+  dark: {
+    scrollBar: "#5663765D",
+    gridHover: "#282E2E"
+  }
+}, C = (l) => {
+  const i = u?.[l], e = b?.[l];
+  return {
+    light: {
+      mode: "light",
+      common: n,
+      primary: {
+        ...i
+      },
+      default: {
+        ...f,
+        focusVisible: i.focusVisible,
+        contrastText: r.onyx[20]
+      },
+      divider: r.coolGrey[20],
+      text: {
+        primary: r.onyx[20],
+        secondary: r.coolGrey[50],
+        disabled: r.oxford[30]
+      },
+      background: {
+        default: r.marbleLight[10],
+        neutral: r.marbleLight[30],
+        surface: r.marbleLight[50],
+        hover: f.hover,
+        //por compatibilidad de mui
+        paper: ""
+      },
+      border: {
+        main: c[l]?.borderMainLight,
+        default: o.oxford[40],
+        secondary: o.oxford[30],
+        dens: o.oxford[60],
+        disabled: o.oxford[10],
+        error: s.error.main
+      },
+      general: {
+        scrollBar: t.light.scrollBar,
+        gridHover: t.light.gridHover
+      },
+      grey: d,
+      skeleton: {
+        default: o.oxford[10],
+        transition: o.oxford[20]
+      },
+      info: {
+        ...s.info,
+        focusVisible: i.focusVisible
+      },
+      success: {
+        ...s.success,
+        focusVisible: i.focusVisible
+      },
+      warning: {
+        ...s.warning,
+        focusVisible: i.focusVisible
+      },
+      error: {
+        ...s.error,
+        focusVisible: i.focusVisible
+      }
+    },
+    dark: {
+      mode: "dark",
+      common: n,
+      primary: {
+        ...e
+      },
+      default: {
+        ...m,
+        focusVisible: e?.focusVisible,
+        contrastText: r.marbleLight[30]
+      },
+      text: {
+        primary: r.marbleLight[30],
+        secondary: r.coolGrey[20],
+        disabled: r.coolGrey[50]
+      },
+      divider: r.coolGrey[80],
+      background: {
+        default: r.onyx[40],
+        neutral: r.marbleLight[50],
+        surface: r.marbleLight[60],
+        hover: m.hover,
+        //por compatibilidad de mui
+        paper: ""
+      },
+      border: {
+        main: c[l]?.borderMainDark,
+        default: o.mint[50],
+        secondary: o.mint[40],
+        dens: o.mint[60],
+        disabled: o.mint[20],
+        error: a.error.main
+      },
+      general: {
+        scrollBar: t.light.scrollBar,
+        gridHover: t.light.gridHover
+      },
+      grey: d,
+      skeleton: {
+        default: o.mint[20],
+        transition: o.mint[40]
+      },
+      info: {
+        ...a.info,
+        focusVisible: e.focusVisible
+      },
+      success: {
+        ...a.success,
+        focusVisible: e.focusVisible
+      },
+      warning: {
+        ...a.warning,
+        focusVisible: e.focusVisible
+      },
+      error: {
+        ...a.error,
+        focusVisible: e.focusVisible
+      }
+    }
+  };
+};
+export {
+  C as g
+};

package/utils/index.js

@@ -0,0 +1 @@
+

package/utils/useResponsive.d.ts

@@ -1,7 +1,7 @@
 import { Breakpoint } from '@mui/material';
-declare type Query = 'up' | 'down' | 'between' | 'only';
-declare type Key = Breakpoint | number;
-declare type Start = Breakpoint | number;
-declare type End = Breakpoint | number;
+type Query = 'up' | 'down' | 'between' | 'only';
+type Key = Breakpoint | number;
+type Start = Breakpoint | number;
+type End = Breakpoint | number;
 export declare function useResponsive(query: Query, key?: Key, start?: Start, end?: End): boolean | undefined;
 export {};

package/vite-env.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="vite/client" />
-/// <reference types="vitest" />
-/// <reference types="vitest/importMeta" />
+/// <reference types="vite/client" />
+/// <reference types="vitest" />
+/// <reference types="vitest/importMeta" />

package/theme/index-DMfun8ST.js

@@ -1,236 +0,0 @@
-import { createTheme as b, alpha as x } from "@mui/material/styles";
-import { T as O, t as n } from "./typography-CaSN0-2L.js";
-import { s as h, c as R } from "./shadows-BTb924yW.js";
-import { C as c, D as d, B as r, P as m, a as e, S as a, G as u, b as g, c as t, d as S, e as _ } from "./palette-C5yYre7Z.js";
-import { g as E } from "../utils/getColorPresets-CJ_S_BFb.js";
-const p = {
-  light: {
-    scrollBar: "#5663763D",
-    gridHover: "#FCFCFC"
-  },
-  dark: {
-    scrollBar: "#5663765D",
-    gridHover: "#282E2E"
-  }
-}, y = (l) => {
-  const o = S?.[l], i = _?.[l];
-  return {
-    light: {
-      mode: "light",
-      common: c,
-      primary: {
-        ...o
-      },
-      default: {
-        ...d,
-        focusVisible: o.focusVisible,
-        contrastText: r.onyx[20]
-      },
-      divider: r.coolGrey[20],
-      text: {
-        primary: r.onyx[20],
-        secondary: r.coolGrey[50],
-        disabled: r.oxford[30]
-      },
-      background: {
-        default: r.marbleLight[10],
-        neutral: r.marbleLight[30],
-        surface: r.marbleLight[50],
-        hover: d.hover,
-        //por compatibilidad de mui
-        paper: ""
-      },
-      border: {
-        main: m[l]?.borderMainLight,
-        default: e.oxford[40],
-        secondary: e.oxford[30],
-        dens: e.oxford[60],
-        disabled: e.oxford[10],
-        error: a.error.main
-      },
-      general: {
-        scrollBar: p.light.scrollBar,
-        gridHover: p.light.gridHover
-      },
-      grey: u,
-      skeleton: {
-        default: e.oxford[10],
-        transition: e.oxford[20]
-      },
-      info: {
-        ...a.info,
-        focusVisible: o.focusVisible
-      },
-      success: {
-        ...a.success,
-        focusVisible: o.focusVisible
-      },
-      warning: {
-        ...a.warning,
-        focusVisible: o.focusVisible
-      },
-      error: {
-        ...a.error,
-        focusVisible: o.focusVisible
-      }
-    },
-    dark: {
-      mode: "dark",
-      common: c,
-      primary: {
-        ...i
-      },
-      default: {
-        ...g,
-        focusVisible: i?.focusVisible,
-        contrastText: r.marbleLight[30]
-      },
-      text: {
-        primary: r.marbleLight[30],
-        secondary: r.coolGrey[20],
-        disabled: r.coolGrey[50]
-      },
-      divider: r.coolGrey[80],
-      background: {
-        default: r.onyx[40],
-        neutral: r.marbleLight[50],
-        surface: r.marbleLight[60],
-        hover: g.hover,
-        //por compatibilidad de mui
-        paper: ""
-      },
-      border: {
-        main: m[l]?.borderMainDark,
-        default: e.mint[50],
-        secondary: e.mint[40],
-        dens: e.mint[60],
-        disabled: e.mint[20],
-        error: t.error.main
-      },
-      general: {
-        scrollBar: p.light.scrollBar,
-        gridHover: p.light.gridHover
-      },
-      grey: u,
-      skeleton: {
-        default: e.mint[20],
-        transition: e.mint[40]
-      },
-      info: {
-        ...t.info,
-        focusVisible: i.focusVisible
-      },
-      success: {
-        ...t.success,
-        focusVisible: i.focusVisible
-      },
-      warning: {
-        ...t.warning,
-        focusVisible: i.focusVisible
-      },
-      error: {
-        ...t.error,
-        focusVisible: i.focusVisible
-      }
-    }
-  };
-}, L = {
-  actionInput: "1.3px solid",
-  container: "1px solid"
-}, T = {
-  r0: "0px",
-  "r0.5": "2px",
-  r1: "4px",
-  "r1.5": "6px",
-  r2: "8px",
-  r3: "12px",
-  r4: "16px"
-}, s = {
-  sp0: "0px",
-  "sp0.5": "2px",
-  sp1: "4px",
-  sp2: "8px",
-  sp3: "12px",
-  "sp3.5": "14px",
-  sp4: "16px",
-  sp5: "20px",
-  sp6: "24px",
-  sp7: "28px",
-  sp8: "32px",
-  sp9: "36px",
-  sp10: "40px",
-  "sp10.5": "42px",
-  sp11: "44px",
-  sp12: "48px",
-  sp13: "52px",
-  sp14: "56px",
-  "sp14.5": "58px"
-}, C = {
-  base: {
-    small: s["sp3.5"],
-    medium: s.sp4,
-    large: s.sp5
-  },
-  action: {
-    small: s.sp5,
-    medium: s.sp6,
-    large: s.sp8
-  },
-  container: {
-    small: s.sp7,
-    medium: s.sp8,
-    large: s.sp9
-  }
-}, V = {
-  base: {
-    small: s.sp5,
-    medium: s.sp6,
-    large: s.sp7
-  },
-  action: {
-    small: s.sp7,
-    medium: s.sp8,
-    large: s.sp9
-  },
-  container: {
-    small: s.sp9,
-    medium: s.sp10,
-    large: s.sp11
-  }
-}, A = {
-  desktop: {
-    ...C
-  },
-  mobile: {
-    ...V
-  },
-  borderRadius: {
-    ...T
-  },
-  typography: O,
-  borderStroke: {
-    ...L
-  },
-  baseSpacings: {
-    ...s
-  }
-}, P = b(), f = y("patronus"), k = {
-  ...n,
-  ...h.light,
-  ...f,
-  customShadows: {
-    primary: `0 8px 16px 0 ${x(E("patronus").main, 0.2)}`,
-    ...R("light")
-  },
-  stretch: !0,
-  palette: {
-    ...P.palette,
-    ...f.light
-  },
-  typography: n,
-  size: A
-};
-export {
-  k as O,
-  y as g
-};