@m4l/styles 2.0.4 → 3.0.0

package/types/augmentations.d.ts

@@ -1,137 +1,144 @@
-import {
-  PatronusConstantColors,
-  PatronusOpacityColors,
-  PatronusOpacityOptions,
-} from '../theme/palette';
-import { ColorStateOptions, CustomShadowOptions } from '../theme';
-import { ChartPaletteOptions, GradientsPaletteOptions, GridPaletteOptions } from './types';
-import { Breakpoints } from '@mui/material';
-import { CssVarsTheme } from '@mui/material/styles';
-
-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/createPalette' {}
-
-// declare module '@mui/core/Typography' {
-//     interface TypographyProps {
-//       variant?: 'subtitle';
-//     }
-// }
-
-declare module '@mui/material/styles' {
-  interface SimplePaletteColorOptions {
-    lighter?: string;
-    darker?: string;
-    LightSelected?: string;
-    LightSelectedHover?: string;
-    DarkSelected?: string;
-    DarkSelectedHover?: string;
-  }
-  interface PaletteColor {
-    lighter?: string;
-    darker?: string;
-    LightSelected?: string;
-    LightSelectedHover?: string;
-    DarkSelected?: string;
-    DarkSelectedHover?: string;
-    opacity?: string;
-    name?: string;
-  }
-  interface Palette {
-    gradients?: GradientsPaletteOptions;
-    chart: ChartPaletteOptions;
-    grid?: GridPaletteOptions;
-    patronus?: PatronusConstantColors;
-    opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
-    state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
-    representative: string;
-    mode: 'light' | 'dark';
-    /* info: AgumentationInfoOptions; */
-  }
-
-  interface TypeText {
-    bgPrimary: string;
-  }
-  interface PaletteOptions {
-    gradients?: GradientsPaletteOptions;
-    chart?: ChartPaletteOptions;
-    grid?: GridPaletteOptions;
-    patronus?: PatronusConstantColors;
-    opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
-    state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
-    representative: string;
-    mode: 'light' | 'dark';
-  }
-
-  interface ColorSchemeOverrides {
-    finalTheme?: true;
-  }
-
-  interface Theme extends CssVarsTheme {
-    stretch: boolean;
-    customShadows: CustomShadowOptions;
-    breakpoints: Breakpoints;
-  }
-
-  interface ThemeVars {
-    customShadows: CustomShadowOptions;
-  }
-
-  interface ColorSystem {
-    typography: TypographyVariants;
-  }
-
-  interface TypeBackground {
-    neutral: string;
-    autofill: string;
-    header: string;
-    background: string;
-  }
-}
-
-declare module '@mui/material/styles' {
-  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>;
-  }
-
-  // allow configuration using `createTheme`
-  interface TypographyVariantsOptions {
-    subtitle: React.CSSProperties;
-    subtitleDens: React.CSSProperties;
-    paragraph: React.CSSProperties;
-    paragraphDens: React.CSSProperties;
-    body: React.CSSProperties;
-    bodyDens: React.CSSProperties;
-    action: React.CSSProperties;
-  }
-}
-
-declare module '@mui/material/Typography' {
-  interface TypographyPropsVariantOverrides {
-    subtitle: true;
-    subtitleDens: true;
-    paragraph: true;
-    paragraphDens: true;
-    body: true;
-    bodyDens: true;
-    action: true;
-  }
-}
+import { Breakpoints } from '@mui/material';
+import { CssVarsTheme } from '@mui/material/styles';
+
+import type { CustomShadowOptions } from '../theme';
+
+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 {
+    lighter?: string;
+    darker?: string;
+    active: string;
+    activeOpacity: string;
+    hover: string;
+    focus: string;
+    selected: string;
+    toneOpacity: string;
+  }
+
+  interface SimplePaletteColorOptions {
+    lighter?: string;
+    darker?: string;
+    active: string;
+    activeOpacity: string;
+    hover: string;
+    focus: string;
+    selected: string;
+    toneOpacity: string;
+  }
+
+  interface Palette {
+    mode: 'light' | 'dark';
+    secondary: never;
+    skeleton: { default: string; transition: string };
+    border: {
+      active: string;
+      selected: string;
+      default: string;
+      primary: string;
+      secondary: string;
+      disabled: string;
+      dense: string;
+      line: string;
+    };
+    general: {
+      scrollBar: string;
+      gridHover: string;
+    };
+  }
+
+  interface PaletteOptions {
+    mode: 'light' | 'dark';
+    secondary: never;
+    skeleton: { default: string; transition: string };
+    border: {
+      active: string;
+      selected: string;
+      default: string;
+      primary: string;
+      secondary: string;
+      disabled: string;
+      dense: string;
+      line: string;
+    };
+    general: {
+      scrollBar: string;
+      gridHover: string;
+    };
+  }
+
+  interface ColorSchemeOverrides {
+    finalTheme?: true;
+  }
+
+  interface Theme extends CssVarsTheme {
+    stretch: boolean;
+    customShadows: CustomShadowOptions;
+    breakpoints: Breakpoints;
+  }
+
+  interface ThemeVars {
+    customShadows: CustomShadowOptions;
+  }
+
+  interface ColorSystem {
+    typography: TypographyVariants;
+  }
+
+  interface TypeBackground {
+    default: string;
+    hover: string;
+    surface: string;
+    subtle: string;
+    main: string;
+    bold: string;
+    backdrop: string;
+    reverse: string;
+    header: 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>;
+  }
+
+  interface TypographyVariantsOptions {
+    subtitle: React.CSSProperties;
+    subtitleDens: React.CSSProperties;
+    paragraph: React.CSSProperties;
+    paragraphDens: React.CSSProperties;
+    body: React.CSSProperties;
+    bodyDens: React.CSSProperties;
+    action: React.CSSProperties;
+  }
+}
+
+declare module '@mui/material/Typography' {
+  interface TypographyPropsVariantOverrides {
+    subtitle: true;
+    subtitleDens: true;
+    paragraph: true;
+    paragraphDens: true;
+    body: true;
+    bodyDens: true;
+    action: true;
+  }
+}

package/types/types.d.ts

@@ -1,29 +1,52 @@
+import { PaletteColor } from '@mui/material/styles';
 export declare type ThemeColorPresets = 'patronus' | 'turqui' | 'grass' | 'brown' | 'blaze';
-export interface GridPaletteOptions {
-    sectionHeader: string;
-    rowHover: string;
-    divider: string;
+export declare type StateColorSchema = 'info' | 'success' | 'warning' | 'error';
+export declare type ColorSchema = 'primary' | 'secondary' | StateColorSchema;
+export declare type BasePalettes = 'patronusBlue' | 'crayonBlue' | 'middleYellow' | 'acidGreen' | 'grassGreen' | 'desertBeige' | 'turquiBlue' | 'blazeOrange' | 'flameRed' | 'coolGrey' | 'brown' | 'marbleLight' | 'onyx' | 'mint' | 'oxford';
+export declare type BaseOpacityPalettes = 'patronus' | 'turqui' | 'grass' | 'brown' | 'beige' | 'orange' | 'cool' | 'marble' | 'mint' | 'oxford';
+export interface Colors {
+    '00': string;
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+    100: string;
 }
-export interface ChartPaletteOptions {
-    violet: string[];
-    blue: string[];
-    green: string[];
-    yellow: string[];
-    red: string[];
+export interface OpacityColors {
+    4: string;
+    6: string;
+    8: string;
+    10: string;
+    12: string;
+    14: string;
+    16: string;
+    18: string;
+    28: string;
+    31: string;
+    32: string;
+    48: string;
+    60?: string;
+    72?: string;
 }
-export interface GradientsPaletteOptions {
-    primary: string;
-    info: string;
-    success: string;
-    warning: string;
-    error: string;
+export interface ActionsPaletteColors {
+    active: string;
+    activeOpacity: string;
+    hover: string;
+    focus: string;
+    selected: string;
+    toneOpacity: string;
 }
-export declare type ColorVariants = {
-    name: string;
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-};
+export declare type BaseConstantColors = Record<BasePalettes, Colors>;
+export declare type BasePresetColors = Record<keyof PaletteColor, string>;
+export declare type PresetPalettes = Record<ThemeColorPresets, BasePresetColors>;
+export declare type StatePalettes = Record<StateColorSchema, BasePresetColors>;
+export declare type PresetActionsPalettes = Record<ThemeColorPresets, ActionsPaletteColors>;
+export declare type PresetsOptions = Array<{
+    name: string | undefined;
+    value: string;
+}>;

package/utils/getColorPresets-CXZaM9oS.js

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

package/utils/getColorPresets.d.ts

@@ -1,10 +1,5 @@
-import { ThemeColorPresets } from '../types';
-import { PaletteColor } from '@mui/material';
-export declare const colorPresets: Array<PaletteColor>;
-export declare const defaultPreset: PaletteColor;
-export declare const turqui: PaletteColor;
-export declare const grass: PaletteColor;
-export declare const brown: PaletteColor;
-export declare const blaze: PaletteColor;
-export declare function getColorPresets(presetsKey: ThemeColorPresets): any;
+import { BasePresetColors, ThemeColorPresets } from '../types';
+export declare const DEFAULT_PRESET: ThemeColorPresets;
+export declare const defaultPresetColors: BasePresetColors;
+export declare function getColorPresets(presetsKey: ThemeColorPresets): BasePresetColors;
 export default getColorPresets;

package/utils/index.d.ts

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

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/defaultThemeOptions-CNJ2UmWH.js

@@ -1,31 +0,0 @@
-import { t as a } from "./typography-BsOO459U.js";
-import { p as e } from "./palette-CR1CkF2l.js";
-import { createTheme as o, alpha as s } from "@mui/material";
-import { s as p, c as m } from "./shadows-C9Ji2xrX.js";
-import { g as t } from "../utils/getColorPresets-B12zVrZ8.js";
-import { g as i } from "../utils/getColorState-CGc0yrt5.js";
-const r = o(), f = {
-  ...r,
-  typography: a,
-  palette: {
-    ...r.palette,
-    ...e.dark,
-    primary: {
-      ...r.palette.primary,
-      ...t("patronus")
-    },
-    state: i("patronus", "light"),
-    representative: t("patronus").darker,
-    mode: "light"
-  },
-  shape: { borderRadius: 8 },
-  shadows: p.dark,
-  customShadows: {
-    primary: `0 8px 16px 0 ${s(t("patronus").main, 0.2)}`,
-    ...m("dark")
-  },
-  stretch: !0
-};
-export {
-  f as d
-};