@m4l/graphics 0.1.30 → 0.1.32

package/index.js

@@ -1,13 +1,13 @@
-import { P as l } from "./components/ProgressBarStyle/index.fb6fd9ed.js";
-import { F as d, a as F } from "./contexts/FormatterContext/index.92336f4c.js";
-import { L as g, a as v, g as C } from "./contexts/LocalesContext/index.5b555637.js";
-import { H as L, a as R } from "./contexts/HostThemeContext/index.9fe9854f.js";
-import { u as H } from "./hooks/useFirstRender/index.1e9b02fb.js";
-import { u as S } from "./hooks/useFormatter/index.57ac8cca.js";
-import { b as y, u as z, a as w } from "./hooks/index.64cf4fc4.js";
-import { u as D } from "./hooks/useLocales/index.f676279e.js";
-import { u as M, a as N } from "./hooks/useResponsive/index.fc5e1b4f.js";
-import { C as V, b as j, c as q, a as A, d as E, g as G, i as J, o as K, p as Q, f as U, r as W, e as X, h as Y } from "./utils/index.22212127.js";
+import { P as x } from "./components/ProgressBarStyle/index.fb6fd9ed.js";
+import { F as l, a as F } from "./contexts/FormatterContext/index.92336f4c.js";
+import { L as v, a as C, g as L } from "./contexts/LocalesContext/index.5b555637.js";
+import { H as c, a as H } from "./contexts/HostThemeContext/index.9fe9854f.js";
+import { u as T } from "./hooks/useFirstRender/index.1e9b02fb.js";
+import { u as h } from "./hooks/useFormatter/index.57ac8cca.js";
+import { b as S, u as b, a as w } from "./hooks/index.64cf4fc4.js";
+import { u as z } from "./hooks/useLocales/index.f676279e.js";
+import { u as D, a as I } from "./hooks/useResponsive/index.fc5e1b4f.js";
+import { C as N } from "./utils/index.54cae015.js";
 import "@mui/material/styles";
 import "@mui/material";
 import "react/jsx-runtime";
@@ -17,36 +17,22 @@ import "@mui/x-date-pickers/AdapterDateFns";
 import "@mui/x-date-pickers";
 import "date-fns/locale/en-US";
 import "@mui/material/useMediaQuery";
-import "@m4l/graphics";
-import "./vendor.158914a7.js";
 export {
-  V as Capitalize,
-  d as FormatterContext,
+  N as Capitalize,
+  l as FormatterContext,
   F as FormatterProvider,
-  L as HostThemeContext,
-  R as HostThemeProvider,
-  g as LocalesContext,
-  v as LocalesProvider,
-  l as ProgressBarStyle,
-  j as bluePreset,
-  q as colorPresets,
-  A as cyanPreset,
-  E as defaultPreset,
-  G as getColorPresets,
-  J as getFontValue,
-  C as getLocaleFromNetwork,
-  K as orangePreset,
-  Q as purplePreset,
-  U as pxToRem,
-  W as redPreset,
-  X as remToPx,
-  Y as responsiveFontSizes,
-  H as useFirstRender,
-  S as useFormatter,
-  y as useHostTheme,
-  z as useIsMountedRef,
-  D as useLocales,
+  c as HostThemeContext,
+  H as HostThemeProvider,
+  v as LocalesContext,
+  C as LocalesProvider,
+  x as ProgressBarStyle,
+  L as getLocaleFromNetwork,
+  T as useFirstRender,
+  h as useFormatter,
+  S as useHostTheme,
+  b as useIsMountedRef,
+  z as useLocales,
   w as useOffSetTop,
-  M as useResponsive,
-  N as useResponsiveDesktop
+  D as useResponsive,
+  I as useResponsiveDesktop
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "0.1.30",
+  "version": "0.1.32",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "dependencies": {

package/utils/index.54cae015.js

@@ -0,0 +1,4 @@
+const a = (e) => e && e[0].toUpperCase() + e.slice(1) || "";
+export {
+  a as C
+};

package/utils/index.d.ts

@@ -1,3 +1 @@
-export * from './getColorPresets';
-export * from './getFontValue';
 export * from './strings';

package/utils/getColorPresets.d.ts

@@ -1,170 +0,0 @@
-import { ThemeColorPresets } from '../../../m4l_styles/src/types';
-export declare const colorPresets: ({
-    LightSelected: string;
-    LightSelectedHover: string;
-    DarkSelected: string;
-    DarkSelectedHover: string;
-    contrastText: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    name: string;
-} | {
-    name: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-})[];
-export declare const defaultPreset: {
-    LightSelected: string;
-    LightSelectedHover: string;
-    DarkSelected: string;
-    DarkSelectedHover: string;
-    contrastText: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    name: string;
-} | {
-    name: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-};
-export declare const purplePreset: {
-    LightSelected: string;
-    LightSelectedHover: string;
-    DarkSelected: string;
-    DarkSelectedHover: string;
-    contrastText: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    name: string;
-} | {
-    name: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-};
-export declare const cyanPreset: {
-    LightSelected: string;
-    LightSelectedHover: string;
-    DarkSelected: string;
-    DarkSelectedHover: string;
-    contrastText: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    name: string;
-} | {
-    name: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-};
-export declare const bluePreset: {
-    LightSelected: string;
-    LightSelectedHover: string;
-    DarkSelected: string;
-    DarkSelectedHover: string;
-    contrastText: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    name: string;
-} | {
-    name: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-};
-export declare const orangePreset: {
-    LightSelected: string;
-    LightSelectedHover: string;
-    DarkSelected: string;
-    DarkSelectedHover: string;
-    contrastText: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    name: string;
-} | {
-    name: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-};
-export declare const redPreset: {
-    LightSelected: string;
-    LightSelectedHover: string;
-    DarkSelected: string;
-    DarkSelectedHover: string;
-    contrastText: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    name: string;
-} | {
-    name: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-};
-export declare function getColorPresets(presetsKey: ThemeColorPresets): {
-    LightSelected: string;
-    LightSelectedHover: string;
-    DarkSelected: string;
-    DarkSelectedHover: string;
-    contrastText: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    name: string;
-} | {
-    name: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-};
-export default getColorPresets;

package/utils/getFontValue.d.ts

@@ -1,24 +0,0 @@
-import type { Variant } from '@mui/material/styles/createTypography';
-export declare function remToPx(value: string): number;
-export declare function pxToRem(value: number): string;
-export declare function responsiveFontSizes({ sm, md, lg }: {
-    sm: number;
-    md: number;
-    lg: number;
-}): {
-    '@media (min-width:600px)': {
-        fontSize: string;
-    };
-    '@media (min-width:900px)': {
-        fontSize: string;
-    };
-    '@media (min-width:1200px)': {
-        fontSize: string;
-    };
-};
-export declare function getFontValue(variant: Variant): {
-    fontSize: number;
-    lineHeight: number;
-    fontWeight: import("csstype").Property.FontWeight | undefined;
-    letterSpacing: import("csstype").Property.LetterSpacing<string | number> | undefined;
-};

package/utils/index.22212127.js

@@ -1,113 +0,0 @@
-import { useResponsive as m } from "@m4l/graphics";
-import { useTheme as h } from "@mui/material/styles";
-import { p as s } from "../vendor.158914a7.js";
-const n = [
-  {
-    name: "default",
-    ...s.light.primary,
-    LightSelected: "#EBF9F1",
-    LightSelectedHover: "#D6F2E3",
-    DarkSelected: "#142827",
-    DarkSelectedHover: "#12342B"
-  },
-  {
-    name: "purple",
-    lighter: "#EBD6FD",
-    light: "#B985F4",
-    main: "#7635dc",
-    dark: "#431A9E",
-    darker: "#200A69",
-    contrastText: "#fff"
-  },
-  {
-    name: "cyan",
-    lighter: "#D1FFFC",
-    light: "#76F2FF",
-    main: "#1CCAFF",
-    dark: "#0E77B7",
-    darker: "#053D7A",
-    contrastText: s.light.grey[800]
-  },
-  {
-    name: "blue",
-    lighter: "#D1E9FC",
-    light: "#76B0F1",
-    main: "#2065D1",
-    dark: "#103996",
-    darker: "#061B64",
-    contrastText: "#fff"
-  },
-  {
-    name: "orange",
-    lighter: "#FEF4D4",
-    light: "#FED680",
-    main: "#fda92d",
-    dark: "#B66816",
-    darker: "#793908",
-    contrastText: s.light.grey[800]
-  },
-  {
-    name: "red",
-    lighter: "#FFE3D5",
-    light: "#FFC1AC",
-    main: "#FF3030",
-    dark: "#B71833",
-    darker: "#7A0930",
-    contrastText: "#fff"
-  }
-], u = n[0], f = n[1], F = n[2], y = n[3], k = n[4], x = n[5];
-function P(e) {
-  return {
-    purple: f,
-    cyan: F,
-    blue: y,
-    orange: k,
-    red: x,
-    default: u
-  }[e];
-}
-function D(e) {
-  return Math.round(parseFloat(e) * 16);
-}
-function a(e) {
-  return `${e / 16}rem`;
-}
-function b({ sm: e, md: t, lg: r }) {
-  return {
-    "@media (min-width:600px)": {
-      fontSize: a(e)
-    },
-    "@media (min-width:900px)": {
-      fontSize: a(t)
-    },
-    "@media (min-width:1200px)": {
-      fontSize: a(r)
-    }
-  };
-}
-function S() {
-  return [...h().breakpoints.keys].reverse().reduce((r, o) => {
-    const i = m("up", o);
-    return !r && i ? o : r;
-  }, null) || "xs";
-}
-function T(e) {
-  const t = h(), r = S(), o = t.breakpoints.up(r === "xl" ? "lg" : r), p = (e === "h1" || e === "h2" || e === "h3" || e === "h4" || e === "h5" || e === "h6") && t.typography[e][o] ? t.typography[e][o] : t.typography[e], c = D(p.fontSize), l = Number(t.typography[e].lineHeight) * c, { fontWeight: g, letterSpacing: d } = t.typography[e];
-  return { fontSize: c, lineHeight: l, fontWeight: g, letterSpacing: d };
-}
-const z = (e) => e && e[0].toUpperCase() + e.slice(1) || "";
-export {
-  z as C,
-  F as a,
-  y as b,
-  n as c,
-  u as d,
-  D as e,
-  a as f,
-  P as g,
-  b as h,
-  T as i,
-  k as o,
-  f as p,
-  x as r
-};

package/vendor.158914a7.js

@@ -1,135 +0,0 @@
-import { alpha as t } from "@mui/material/styles";
-import "./components/ProgressBarStyle/index.fb6fd9ed.js";
-import "./contexts/FormatterContext/index.92336f4c.js";
-import "./contexts/LocalesContext/index.5b555637.js";
-import "./contexts/HostThemeContext/index.9fe9854f.js";
-import "./hooks/useFirstRender/index.1e9b02fb.js";
-import "./hooks/useFormatter/index.57ac8cca.js";
-import "./hooks/index.64cf4fc4.js";
-import "./hooks/useLocales/index.f676279e.js";
-import "./hooks/useResponsive/index.fc5e1b4f.js";
-import "./utils/index.22212127.js";
-function r(c, l) {
-  return `linear-gradient(to bottom, ${c}, ${l})`;
-}
-const a = {
-  lighter: "#C8FACD",
-  light: "#5BE584",
-  main: "#00AB55",
-  dark: "#007B55",
-  darker: "#005249"
-}, A = {
-  lighter: "#D6E4FF",
-  light: "#84A9FF",
-  main: "#3366FF",
-  dark: "#1939B7",
-  darker: "#091A7A"
-}, i = {
-  lighter: "#D0F2FF",
-  light: "#74CAFF",
-  main: "#1890FF",
-  dark: "#0C53B7",
-  darker: "#04297A"
-}, o = {
-  lighter: "#E9FCD4",
-  light: "#AAF27F",
-  main: "#54D62C",
-  dark: "#229A16",
-  darker: "#08660D"
-}, n = {
-  lighter: "#FFF7CD",
-  light: "#FFE16A",
-  main: "#FFC107",
-  dark: "#B78103",
-  darker: "#7A4F01"
-}, d = {
-  lighter: "#FFE7D9",
-  light: "#FFA48D",
-  main: "#FF4842",
-  dark: "#B72136",
-  darker: "#7A0C2E"
-}, F = {
-  0: "#FFFFFF",
-  100: "#F9FAFB",
-  200: "#F4F6F8",
-  300: "#DFE3E8",
-  400: "#C4CDD5",
-  500: "#919EAB",
-  600: "#637381",
-  700: "#454F5B",
-  800: "#212B36",
-  900: "#161C24",
-  5008: t("#919EAB", 0.08),
-  50012: t("#919EAB", 0.12),
-  50016: t("#919EAB", 0.16),
-  50024: t("#919EAB", 0.24),
-  50032: t("#919EAB", 0.32),
-  50048: t("#919EAB", 0.48),
-  50056: t("#919EAB", 0.56),
-  50080: t("#919EAB", 0.8)
-}, s = {
-  primary: r(a.light, a.main),
-  info: r(i.light, i.main),
-  success: r(o.light, o.main),
-  warning: r(n.light, n.main),
-  error: r(d.light, d.main)
-}, m = {
-  violet: ["#826AF9", "#9E86FF", "#D0AEFF", "#F7D2FF"],
-  blue: ["#2D99FF", "#83CFFF", "#A5F3FF", "#CCFAFF"],
-  green: ["#2CD9C5", "#60F1C8", "#A4F7CC", "#C0F2DC"],
-  yellow: ["#FFE700", "#FFEF5A", "#FFF7AE", "#FFF3D6"],
-  red: ["#FF6C40", "#FF8F6D", "#FFBD98", "#FFF2D4"]
-}, e = {
-  common: { black: "#000", white: "#fff" },
-  primary: { ...a, contrastText: "#fff" },
-  secondary: { ...A, contrastText: "#fff" },
-  info: { ...i, contrastText: "#fff" },
-  success: { ...o, contrastText: F[800] },
-  warning: { ...n, contrastText: F[800] },
-  error: { ...d, contrastText: "#fff" },
-  grey: F,
-  gradients: s,
-  chart: m,
-  divider: F[50024],
-  action: {
-    hover: F[5008],
-    selected: F[50016],
-    disabled: F[50080],
-    disabledBackground: F[50024],
-    focus: F[50024],
-    hoverOpacity: 0.08,
-    disabledOpacity: 0.48
-  }
-}, R = {
-  light: {
-    ...e,
-    mode: "light",
-    text: { primary: F[800], secondary: F[700], disabled: F[500] },
-    background: {
-      paper: "#fff",
-      default: "#fff",
-      neutral: F[200],
-      autocomplete: F[100],
-      header: "#F6F7F9"
-    },
-    action: { active: F[600], ...e.action },
-    grid: { sectionHeader: "#F6F7F9", divider: "#EDEFF2", rowHover: "#FAFBFC" }
-  },
-  dark: {
-    ...e,
-    mode: "dark",
-    text: { primary: "#fff", secondary: F[500], disabled: F[600] },
-    background: {
-      paper: F[800],
-      default: F[900],
-      neutral: F[50016],
-      autocomplete: F[800],
-      header: "#29313A"
-    },
-    action: { active: F[500], ...e.action },
-    grid: { sectionHeader: "#29313A", divider: "#3E464F", rowHover: "#1F262F" }
-  }
-};
-export {
-  R as p
-};