@m4l/styles 7.1.40 → 7.1.42-beta.0

package/types/augmentations.d.ts

@@ -1,158 +0,0 @@
-import type { CustomShadowOptions } from '../theme';
-import type { Size } from '../theme/sizes/types';
-import type { BaseChipColors } from './types';
-declare module '@mui/material' {
-  interface Color {
-    0: string;
-    500_8: string;
-    500_12: string;
-    500_16: string;
-    500_24: string;
-    500_32: string;
-    500_48: string;
-    500_56: string;
-    500_80: string;
-  }
-}
-declare module '@mui/material/styles' {
-  interface PaletteColor {
-    enabled: string;
-    enabledOpacity: string;
-    hover: string;
-    hoverOpacity: string;
-    focus: string;
-    focusOpacity: string;
-    focusVisible: string;
-    selected: string;
-    selectedOpacity: string;
-    active: string;
-    activeOpacity: string;
-    opacity: string;
-    toneOpacity: string;
-    semanticText: string;
-    opacityGradient1: string;
-    opacityGradient2: string;
-  }
-  interface Palette {
-    mode: 'light' | 'dark';
-    secondary: never;
-    skeleton: { default: string; transition: string };
-    default: PaletteColor;
-    border: {
-      main: string;
-      default: string;
-      secondary: string;
-      dens: string;
-      disabled: string;
-      error: string;
-    };
-    chips: BaseChipColors;
-    general: {
-      scrollBar: string;
-      gridHover: string;
-    };
-  }
-  /**
-   * Interfaz de colores de material-ui, define las opciones de personalización de la paleta de colores que se
-   * pueden usar al crear un tema con la función `createTheme`.
-   */
-  interface PaletteOptions {
-    mode: 'light' | 'dark';
-    secondary: never;
-    skeleton: { default: string; transition: string };
-    border: {
-      main: string;
-      default: string;
-      secondary: string;
-      dens: string;
-      disabled: string;
-      error: string;
-    };
-    chips: BaseChipColors;
-    default: PaletteColor;
-    general: {
-      scrollBar: string;
-      gridHover: string;
-    };
-  }
-
-  interface TypeText {
-    primary: string;
-    secondary: string;
-    disabled: string;
-    contrastText: string;
-  }
-  interface ColorSchemeOverrides {
-    finalTheme?: true;
-  }
-  interface CssVarsTheme {
-    generalSettings: {
-      isMobile: boolean;
-    };
-  }
-  interface Theme extends CssVarsTheme {
-    stretch: boolean;
-    customShadows: CustomShadowOptions;
-    size: Size;
-  }
-  interface CssVarsThemeOptions {
-    generalSettings: {
-      isMobile: boolean;
-    };
-  }
-  interface ThemeVars {
-    customShadows: CustomShadowOptions;
-    /**
-     * Colección de tamaños y espaciados base en el sistema de diseño
-     */
-    size: Size;
-  }
-  interface ColorSystem {
-    typography: TypographyVariants;
-  }
-  interface TypeBackground {
-    default: string;
-    neutral: string;
-    surface: string;
-    hover: string;
-    backdrop: string;
-    base: string;
-    blur: string;
-    contrastDefault: string;
-  }
-  interface TypographyVariants {
-    subtitle: Record<string, any>;
-    subtitleDens: Record<string, any>;
-    paragraph: Record<string, any>;
-    paragraphDens: Record<string, any>;
-    body: Record<string, any>;
-    bodyDens: Record<string, any>;
-    action: Record<string, any>;
-    caption: Record<string, any>;
-    captionDens: Record<string, any>;
-  }
-  interface TypographyVariantsOptions {
-    subtitle: React.CSSProperties;
-    subtitleDens: React.CSSProperties;
-    paragraph: React.CSSProperties;
-    paragraphDens: React.CSSProperties;
-    body: React.CSSProperties;
-    bodyDens: React.CSSProperties;
-    action: React.CSSProperties;
-    caption: React.CSSProperties;
-    captionDens: React.CSSProperties;
-  }
-}
-declare module '@mui/material/Typography' {
-  interface TypographyPropsVariantOverrides {
-    subtitle: true;
-    subtitleDens: true;
-    paragraph: true;
-    paragraphDens: true;
-    body: true;
-    bodyDens: true;
-    action: true;
-    caption: true;
-    captionDens: true;
-  }
-}

package/types/index.js

@@ -1 +0,0 @@
-

package/types/types.js

@@ -1 +0,0 @@
-

package/utils/getColorPresets.js

@@ -1,14 +0,0 @@
-import { P as t } from "../theme/palette/presetColors.js";
-const o = "patronus", s = t[o];
-function n(r) {
-  try {
-    return t?.[r];
-  } catch {
-  }
-  return s;
-}
-export {
-  o as D,
-  s as d,
-  n as g
-};

package/utils/getColorState.js

@@ -1,4 +0,0 @@
-const a = (t, e) => e?.[t]?.main || t;
-export {
-  a as g
-};

package/utils/getFontValue.js

@@ -1,24 +0,0 @@
-function t(n) {
-  return Math.round(parseFloat(n) * 16);
-}
-function o(n) {
-  return `${n / 16}rem`;
-}
-function r({ sm: n, md: e, lg: i }) {
-  return {
-    "@media (min-width:0px)": {
-      fontSize: `${n}px`
-    },
-    "@media (min-width:900px)": {
-      fontSize: `${e}px`
-    },
-    "@media (min-width:1200px)": {
-      fontSize: `${i}px`
-    }
-  };
-}
-export {
-  r as a,
-  o as p,
-  t as r
-};

package/utils/getPaletteByPreset.js

@@ -1,240 +0,0 @@
-import { a as g, b as f, P as l } from "../theme/palette/presetColors.js";
-import { B as o } from "../theme/palette/baseColors.js";
-import { C as s } from "../theme/palette/commonColors.js";
-import { G as d } from "../theme/palette/greyPalette.js";
-import { S as i, a as c } from "../theme/palette/semanticColors.js";
-import { B as a } from "../theme/palette/baseOpacityColors.js";
-import { B as b, a as u } from "../theme/palette/defaultColors.js";
-import { a as y, B as m } from "../theme/palette/baseChipsPalette.js";
-const t = {
-  light: {
-    scrollBar: "#5663763D",
-    gridHover: "#FCFCFC"
-  }
-}, h = (n) => {
-  const r = g?.[n], e = f?.[n];
-  return {
-    light: {
-      mode: "light",
-      common: s,
-      primary: {
-        ...r
-      },
-      default: {
-        ...u,
-        semanticText: o.onyx[20],
-        focusVisible: r.focusVisible
-      },
-      divider: o.coolGrey[20],
-      text: {
-        primary: o.onyx[20],
-        secondary: o.coolGrey[50],
-        disabled: o.coolGrey[30],
-        contrastText: o.marbleLight[10]
-      },
-      background: {
-        default: o.marbleLight[10],
-        neutral: o.marbleLight[30],
-        surface: o.marbleLight[50],
-        hover: u.hover,
-        backdrop: a.oxford[30],
-        base: o.marbleLight[20],
-        blur: a.marble[60],
-        contrastDefault: o.onyx[20],
-        //por compatibilidad de mui
-        paper: "#fff"
-      },
-      chips: {
-        primary: {
-          outlined: {
-            color: r.enabled,
-            // Comprobado
-            backgroundColor: r.enabledOpacity,
-            // Comprobado
-            backgroundHover: r.hoverOpacity,
-            // Comprobado
-            backgroundActive: r.activeOpacity,
-            // Comprobado
-            /* Tone */
-            colorTone: r.semanticText,
-            // Comprobado
-            backgroundColorTone: r.enabled,
-            // Comprobado
-            backgroundHoverTone: r.hover,
-            // Comprobado
-            backgroundActiveTone: r.activeOpacity
-            // Comprobado
-          },
-          contained: {
-            color: r.semanticText,
-            // Comprobado
-            backgroundColor: r.enabledOpacity,
-            // Comprobado
-            backgroundHover: r.hoverOpacity,
-            // Comprobado
-            backgroundActive: r.activeOpacity,
-            // Comprobado
-            /* Tono */
-            colorTone: o.marbleLight[30],
-            // Comprobado
-            backgroundColorTone: r.enabled,
-            // Comprobado
-            backgroundHoverTone: r.hover,
-            // Comprobado
-            backgroundActiveTone: r.active
-            // Comprobado
-          }
-          /* opacidad */
-        },
-        ...m
-      },
-      border: {
-        main: l[n]?.borderMainLight,
-        dens: a.oxford[40],
-        default: o.oxford[30],
-        secondary: a.oxford[20],
-        disabled: a.oxford[10],
-        error: c.error.main
-      },
-      general: {
-        scrollBar: t.light.scrollBar,
-        gridHover: t.light.gridHover
-      },
-      grey: d,
-      skeleton: {
-        default: a.oxford[10],
-        transition: a.oxford[20]
-      },
-      info: {
-        ...c.info,
-        focusVisible: r.focusVisible
-      },
-      success: {
-        ...c.success,
-        focusVisible: r.focusVisible
-      },
-      warning: {
-        ...c.warning,
-        focusVisible: r.focusVisible
-      },
-      error: {
-        ...c.error,
-        focusVisible: r.focusVisible
-      }
-    },
-    dark: {
-      mode: "dark",
-      common: s,
-      // no definido en figma
-      primary: {
-        ...e
-      },
-      default: {
-        ...b,
-        semanticText: o.coolGrey[20],
-        focusVisible: e?.focusVisible
-      },
-      text: {
-        primary: o.coolGrey[20],
-        secondary: o.coolGrey[40],
-        disabled: o.coolGrey[60],
-        contrastText: o.onyx[60]
-      },
-      divider: o.coolGrey[80],
-      background: {
-        default: o.onyx[60],
-        neutral: o.onyx[80],
-        surface: o.onyx[90],
-        hover: b.hover,
-        backdrop: a.onyx[30],
-        base: o.onyx[70],
-        blur: a.onyx[60],
-        contrastDefault: o.marbleLight[70],
-        //por compatibilidad de mui
-        paper: "#000"
-      },
-      chips: {
-        primary: {
-          outlined: {
-            color: e.semanticText,
-            // Comprobado
-            backgroundColor: e.enabledOpacity,
-            // Comprobado
-            backgroundHover: e.hoverOpacity,
-            // Comprobado
-            backgroundActive: e.activeOpacity,
-            // Comprobado
-            /* Tono */
-            colorTone: e.semanticText,
-            // Comprobado
-            backgroundColorTone: e.enabled,
-            // Comprobado
-            backgroundHoverTone: e.hover,
-            // Comprobado
-            backgroundActiveTone: e.activeOpacity
-            // Comprobado
-          },
-          contained: {
-            color: e.semanticText,
-            // Comprobado
-            backgroundColor: e.enabledOpacity,
-            // Comprobado
-            backgroundHover: e.hoverOpacity,
-            // Comprobado
-            backgroundActive: e.activeOpacity,
-            // Comprobado
-            /* Tono */
-            colorTone: o.marbleLight[30],
-            // Comprobado
-            backgroundColorTone: e.enabled,
-            // Comprobado
-            backgroundHoverTone: e.hover,
-            // Comprobado
-            backgroundActiveTone: e.active
-            // Comprobado
-          }
-          /* opacidad */
-        },
-        ...y
-      },
-      border: {
-        main: l[n]?.borderMainDark,
-        dens: o.coolGrey[70],
-        default: o.onyx[30],
-        secondary: o.onyx[50],
-        disabled: a.cool[20],
-        error: i.error.main
-      },
-      general: {
-        // no definido en figma
-        scrollBar: t.light.scrollBar,
-        gridHover: t.light.gridHover
-      },
-      grey: d,
-      // no definido en figma
-      skeleton: {
-        default: a.mint[20],
-        transition: a.mint[40]
-      },
-      info: {
-        ...i.info,
-        focusVisible: e.focusVisible
-      },
-      success: {
-        ...i.success,
-        focusVisible: e.focusVisible
-      },
-      warning: {
-        ...i.warning,
-        focusVisible: e.focusVisible
-      },
-      error: {
-        ...i.error,
-        focusVisible: e.focusVisible
-      }
-    }
-  };
-};
-export {
-  h as g
-};

package/utils/getUserThemeOptions.js

@@ -1,29 +0,0 @@
-import { createTheme as g, alpha as a } from "@mui/material";
-import { t as i } from "../theme/typographyOld.js";
-import { c as o, s } from "../theme/shadows.js";
-import { S as y } from "../theme/sizes/size.js";
-import { g as m } from "./getPaletteByPreset.js";
-import { g as t } from "./getColorPresets.js";
-function u(x, p) {
-  const r = g();
-  return {
-    ...r,
-    ...r.typography,
-    ...i,
-    ...s[x],
-    customShadows: {
-      primary: x === "light" ? `0 4px 8px -4px ${a(t(p)?.enabledLight, 0.12)},
-       0 2px 27px 2px ${a(t(p)?.enabledLight, 0.02)}` : `0 4px 8px -4px ${a(t(p)?.enabledDark, 0.12)},
-       0 2px 27px 2px ${a(t(p)?.enabledDark, 0.02)}`,
-      primary2: x === "light" ? `0px 2px 3px 0px ${a(t(p)?.hoverOpacityLight, 0.2)}` : `0px 2px 3px 0px ${a(t(p)?.hoverOpacityDark, 0.2)}`,
-      ...o(x)
-    },
-    stretch: !0,
-    palette: { ...r.palette, ...m(p)[x] },
-    typography: { ...r.typography, ...i },
-    size: y
-  };
-}
-export {
-  u as g
-};

package/utils/index.js

@@ -1 +0,0 @@
-

package/utils/useResponsive.js

@@ -1,16 +0,0 @@
-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/vite-env.d.ts

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