@m4l/styles 7.1.23 → 7.1.25

package/types/augmentations.d.ts

@@ -1,7 +1,6 @@
 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;
@@ -15,33 +14,23 @@ declare module '@mui/material' {
     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;
-
   }
-
   interface Palette {
     mode: 'light' | 'dark';
     secondary: never;
@@ -61,7 +50,6 @@ declare module '@mui/material/styles' {
       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`.
@@ -85,29 +73,24 @@ declare module '@mui/material/styles' {
       gridHover: 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;
     /**
@@ -115,11 +98,9 @@ declare module '@mui/material/styles' {
      */
     size: Size;
   }
-
   interface ColorSystem {
     typography: TypographyVariants;
   }
-
   interface TypeBackground {
     default: string;
     neutral: string;
@@ -127,7 +108,6 @@ declare module '@mui/material/styles' {
     hover: string;
     backdrop: string;
   }
-
   interface TypographyVariants {
     subtitle: Record<string, any>;
     subtitleDens: Record<string, any>;
@@ -137,7 +117,6 @@ declare module '@mui/material/styles' {
     bodyDens: Record<string, any>;
     action: Record<string, any>;
   }
-
   interface TypographyVariantsOptions {
     subtitle: React.CSSProperties;
     subtitleDens: React.CSSProperties;
@@ -148,7 +127,6 @@ declare module '@mui/material/styles' {
     action: React.CSSProperties;
   }
 }
-
 declare module '@mui/material/Typography' {
   interface TypographyPropsVariantOverrides {
     subtitle: true;

package/types/types.d.ts

@@ -35,7 +35,9 @@ export interface Colors {
     95: string;
 }
 export interface OpacityColors {
+    5?: string;
     10: string;
+    15?: string;
     20: string;
     30: string;
     40: string;
@@ -106,7 +108,7 @@ export type ThemePresetColors = Record<ThemeUserColor, PresetColor>;
 /**
  * Son los colores semanticos en formato PresetColor
  */
-export type SemanticPresetColors = Record<SemanticColorOptionsType, Omit<PresetColor, 'borderMainDark' | 'borderMainLight' | 'selectedLight' | 'selectedDark' | 'selectedOpacityLight' | 'selectedOpacityDark'>>;
+export type SemanticPresetColors = Record<SemanticColorOptionsType, Omit<PresetColor, 'borderMainDark' | 'borderMainLight'>>;
 /**
  * Son los colores de las ocpiones del tema, en formato PalletColor
  */
@@ -118,7 +120,7 @@ export type SemanticsPaletteColors = Record<SemanticColorOptionsType, Omit<Palet
 /**
  * Es la configuración de color que se usa fabricar la paleta "default", se encuentra en formato PaletteColor.
  */
-export type DefaultPresetColor = Omit<PresetColor, 'borderMainDark' | 'borderMainLight' | 'main' | 'contrastText' | 'selectedLight' | 'selectedDark' | 'selectedOpacityLight' | 'selectedOpacityDark'> & {
+export type DefaultPresetColor = Omit<PresetColor, 'borderMainDark' | 'borderMainLight' | 'main' | 'contrastText'> & {
     mainLight: string;
     mainDark: string;
 };

package/utils/getColorPresets.d.ts

@@ -3,10 +3,6 @@ export declare const DEFAULT_PRESET: ThemeUserColor;
 export declare const defaultPresetColors: PresetColor;
 /**
  * Función que retorna los colores de un preset
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-06 13:47:24 - automatic
- * @updatedAt 2024-10-08 13:31:22 - automatic
- * @updatedUser Juan Escobar - automatic
  */
 export declare function getColorPresets(presetsKey: ThemeUserColor): PresetColor;
 export default getColorPresets;

package/utils/getColorState.d.ts

@@ -2,9 +2,5 @@ import { ComponentPalletColor } from '../types/types';
 import { Theme } from '@mui/material';
 /**
  * Get color state
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-06 13:47:24 - automatic
- * @updatedAt 2024-10-06 13:47:25 - automatic
- * @updatedUser Juan Escobar - automatic
  */
 export declare const getColorState: (color: ComponentPalletColor, palette: Theme["palette"] | Theme["vars"]["palette"]) => string;

package/utils/getFontValue.d.ts

@@ -2,10 +2,6 @@ export declare function remToPx(value: string): number;
 export declare function pxToRem(value: number): string;
 /**
  * Convert px to rem
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-06 13:47:24 - automatic
- * @updatedAt 2024-10-06 13:47:25 - automatic
- * @updatedUser Juan Escobar - automatic
  */
 export declare function responsiveFontSizes({ sm, md, lg }: {
     sm: number;

package/utils/getPaletteByPreset.d.ts

@@ -1,10 +1,6 @@
 import { ThemeUserColor } from '../types';
 /**
  * Función que retorna la paleta de colores según el preset seleccionado
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-06 13:47:24 - automatic
- * @updatedAt 2024-10-08 13:31:22 - automatic
- * @updatedUser Juan Escobar - automatic
  */
 export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
     readonly light: {

package/utils/getUserThemeOptions.d.ts

@@ -2,9 +2,5 @@ import { Theme } from '@mui/material';
 import { ThemeUserColor, ThemeUserMode } from '../types/types';
 /**
  * Obtiene el tema de la aplicación basado en el color y modo seleccionado por el usuario.
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-08 13:31:22 - automatic
- * @updatedAt 2024-10-08 13:31:22 - automatic
- * @updatedUser Juan Escobar - automatic
  */
 export declare function getUserThemeOptions(themeUserMode: ThemeUserMode, themeUserColor: ThemeUserColor): Theme;

package/utils/useResponsive.d.ts

@@ -5,10 +5,6 @@ type Start = Breakpoint | number;
 type End = Breakpoint | number;
 /**
  * Responsive breakpoints for `theme.breakpoints.up(key)`
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-06 13:46:34 - automatic
- * @updatedAt 2024-10-06 13:46:34 - automatic
- * @updatedUser Juan Escobar - automatic
  */
 export declare function useResponsive(query: Query, key?: Key, start?: Start, end?: End): boolean | undefined;
 export {};