@m4l/styles 0.0.13 → 0.0.15

package/utils/getColorState.456150fd.js

@@ -0,0 +1,136 @@
+import { alpha as a } from "@mui/system";
+import "../theme/defaultThemeOptions.364b28b6.js";
+import "../theme/shadows.b2f38616.js";
+import { P as e, S as r } from "../theme/palette.4b477f9b.js";
+import "../theme/typography.1db0276b.js";
+import "@mui/material";
+import "@mui/material/styles";
+const g = (u, l) => {
+  let t = {};
+  switch (u) {
+    case "patronus":
+      t = {
+        light: {
+          active12: a(e?.patronusBlue[50], 0.12),
+          active: e?.patronusBlue[50],
+          focus: e?.patronusBlue[70],
+          hover: e?.patronusBlue[60],
+          default: a(e?.coolGrey[70], 0.04),
+          ...r
+        },
+        dark: {
+          active12: a(e?.patronusBlue[50], 0.12),
+          active: e?.patronusBlue[50],
+          focus: e?.patronusBlue[30],
+          hover: e?.patronusBlue[40],
+          default: a(e?.marbleLight[10], 0.04),
+          ...r
+        }
+      };
+      break;
+    case "turqui":
+      t = {
+        light: {
+          active12: a(e?.turquiBlue[50], 0.12),
+          active: e?.turquiBlue[50],
+          focus: e?.turquiBlue[70],
+          hover: e?.turquiBlue[60],
+          default: a(e?.coolGrey[70], 0.12),
+          ...r
+        },
+        dark: {
+          active12: a(e?.turquiBlue[50], 0.12),
+          active: e?.turquiBlue[50],
+          focus: e?.turquiBlue[30],
+          hover: e?.turquiBlue[40],
+          default: a(e?.marbleLight[10], 0.12),
+          ...r
+        }
+      };
+      break;
+    case "grass":
+      t = {
+        light: {
+          active12: a(e?.grassGreen[50], 0.12),
+          active: e?.grassGreen[50],
+          focus: e?.grassGreen[70],
+          hover: e?.grassGreen[60],
+          default: a(e?.coolGrey[70], 0.12),
+          ...r
+        },
+        dark: {
+          active12: a(e?.grassGreen[50], 0.12),
+          active: e?.grassGreen[50],
+          focus: e?.grassGreen[30],
+          hover: e?.grassGreen[40],
+          default: a(e?.marbleLight[10], 0.12),
+          ...r
+        }
+      };
+      break;
+    case "candy":
+      t = {
+        light: {
+          active12: a(e?.candyRed[50], 0.12),
+          active: e?.candyRed[50],
+          focus: e?.candyRed[70],
+          hover: e?.candyRed[60],
+          default: a(e?.coolGrey[70], 0.12),
+          ...r
+        },
+        dark: {
+          active12: a(e?.candyRed[50], 0.12),
+          active: e?.candyRed[50],
+          focus: e?.candyRed[30],
+          hover: e?.candyRed[40],
+          default: a(e?.marbleLight[10], 0.12),
+          ...r
+        }
+      };
+      break;
+    case "blaze":
+      t = {
+        light: {
+          active12: a(e?.blazeOrange[50], 0.12),
+          active: e?.blazeOrange[50],
+          focus: e?.blazeOrange[70],
+          hover: e?.blazeOrange[60],
+          default: a(e?.coolGrey[70], 0.12),
+          ...r
+        },
+        dark: {
+          active12: a(e?.blazeOrange[50], 0.12),
+          active: e?.blazeOrange[50],
+          focus: e?.blazeOrange[30],
+          hover: e?.blazeOrange[40],
+          default: a(e?.marbleLight[10], 0.12),
+          ...r
+        }
+      };
+      break;
+    default:
+      t = {
+        light: {
+          active12: a(e?.turquiBlue[50], 0.12),
+          active: e?.turquiBlue[50],
+          focus: e?.turquiBlue[70],
+          hover: e?.turquiBlue[60],
+          default: a(e?.coolGrey[70], 0.12),
+          ...r
+        },
+        dark: {
+          active12: a(e?.turquiBlue[50], 0.12),
+          active: e?.turquiBlue[50],
+          focus: e?.turquiBlue[30],
+          hover: e?.turquiBlue[40],
+          default: a(e?.marbleLight[10], 0.12),
+          ...r
+        }
+      };
+      break;
+  }
+  return l === "light" ? { ...t.light } : { ...t.dark };
+};
+export {
+  g
+};

package/utils/getFontValue.88831637.js

@@ -0,0 +1,37 @@
+import { useTheme as h } from "@mui/material/styles";
+import { u as m } from "./useResponsive.2c45e8e0.js";
+function f(e) {
+  return Math.round(parseFloat(e) * 16);
+}
+function d(e) {
+  return `${e / 16}rem`;
+}
+function l({ sm: e, md: t, lg: o }) {
+  return {
+    "@media (min-width:0px)": {
+      fontSize: `${e}px`
+    },
+    "@media (min-width:900px)": {
+      fontSize: `${t}px`
+    },
+    "@media (min-width:1200px)": {
+      fontSize: `${o}px`
+    }
+  };
+}
+function g() {
+  return [...h().breakpoints.keys].reverse().reduce((o, n) => {
+    const s = m("up", n);
+    return !o && s ? n : o;
+  }, null) || "xs";
+}
+function S(e) {
+  const t = h(), o = g(), n = t.breakpoints.up(o === "xl" ? "lg" : o), i = (e === "h1" || e === "h2" || e === "h3" || e === "h4" || e === "h5" || e === "h6") && t.typography[e][n] ? t.typography[e][n] : t.typography[e], p = f(i.fontSize), r = Number(t.typography[e].lineHeight) * p, { fontWeight: u, letterSpacing: c } = t.typography[e];
+  return { fontSize: p, lineHeight: r, fontWeight: u, letterSpacing: c };
+}
+export {
+  f as a,
+  S as g,
+  d as p,
+  l as r
+};

package/utils/index.d.ts

@@ -1,3 +1,4 @@
+export { useResponsive } from './useResponsive';
 export * from './getColorPresets';
 export { getColorState } from './getColorState';
 export * from './getFontValue';

package/utils/useResponsive.2c45e8e0.js

@@ -0,0 +1,16 @@
+import { useTheme as u } from "@mui/material/styles";
+import o from "@mui/material/useMediaQuery";
+function b(e, t, i, r) {
+  const n = u(), s = o(n.breakpoints.up(t)), p = o(n.breakpoints.down(t)), a = o(n.breakpoints.between(i, r)), m = o(n.breakpoints.only(t));
+  if (e === "up")
+    return s;
+  if (e === "down")
+    return p;
+  if (e === "between")
+    return a;
+  if (e === "only")
+    return m;
+}
+export {
+  b as u
+};

package/utils/useResponsive.d.ts

@@ -0,0 +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;
+export declare function useResponsive(query: Query, key?: Key, start?: Start, end?: End): boolean | undefined;
+export {};