@m4l/styles 0.0.1 → 0.0.2

package/index.d.ts

@@ -1,2 +1,3 @@
 export * from './theme';
 export * from './utils';
+export * from './types';

package/index.js

@@ -186,7 +186,7 @@ function W(r) {
     default: A
   }[r];
 }
-function G(r) {
+function _(r) {
   return Math.round(parseFloat(r) * 16);
 }
 function n(r) {
@@ -205,18 +205,18 @@ function d({ sm: r, md: o, lg: t }) {
     }
   };
 }
-function N() {
+function G() {
   return [...S().breakpoints.keys].reverse().reduce((t, i) => {
     const M = L("up", i);
     return !t && M ? i : t;
   }, null) || "xs";
 }
 function qr(r) {
-  const o = S(), t = N(), i = o.breakpoints.up(t === "xl" ? "lg" : t), w = (r === "h1" || r === "h2" || r === "h3" || r === "h4" || r === "h5" || r === "h6") && o.typography[r][i] ? o.typography[r][i] : o.typography[r], h = G(w.fontSize), m = Number(o.typography[r].lineHeight) * h, { fontWeight: B, letterSpacing: O } = o.typography[r];
+  const o = S(), t = G(), i = o.breakpoints.up(t === "xl" ? "lg" : t), w = (r === "h1" || r === "h2" || r === "h3" || r === "h4" || r === "h5" || r === "h6") && o.typography[r][i] ? o.typography[r][i] : o.typography[r], h = _(w.fontSize), m = Number(o.typography[r].lineHeight) * h, { fontWeight: B, letterSpacing: O } = o.typography[r];
   return { fontSize: h, lineHeight: m, fontWeight: B, letterSpacing: O };
 }
-const _ = "Public Sans, sans-serif", Y = {
-  fontFamily: _,
+const N = "Public Sans, sans-serif", Y = {
+  fontFamily: N,
   fontWeightRegular: 400,
   fontWeightMedium: 600,
   fontWeightBold: 700,
@@ -1665,7 +1665,8 @@ const Tr = (r) => ({
   M4LIcon: {
     styleOverrides: {
       ["&.M4LIcon-root"]: {
-        test: "root"
+        test: "root",
+        backgroundColor: r.palette.primary.main
       }
     }
   }
@@ -1704,7 +1705,7 @@ const Tr = (r) => ({
       }
     }
   }
-}), Gr = (r) => ({
+}), _r = (r) => ({
   M4LPopover: {
     styleOverrides: {
       ["&.M4LPopover-root"]: {
@@ -1715,7 +1716,7 @@ const Tr = (r) => ({
       }
     }
   }
-}), Nr = (r) => ({
+}), Gr = (r) => ({
   M4LRHFCheckbox: {
     styleOverrides: {
       ["&.M4LRHFCheckbox-root"]: {
@@ -1723,7 +1724,7 @@ const Tr = (r) => ({
       }
     }
   }
-}), _r = (r) => ({
+}), Nr = (r) => ({
   M4LErrorLabel: {
     styleOverrides: {
       ["&.M4LErrorLabel-root"]: {
@@ -1793,14 +1794,14 @@ function Qr(r) {
     Dr(),
     Ir(),
     Ar(),
-    zr(),
+    zr(r),
     Pr(),
     Er(),
     Hr(),
     Wr(),
+    _r(),
     Gr(),
     Nr(),
-    _r(),
     Yr(),
     jr()
   );
@@ -1820,7 +1821,7 @@ export {
   I as purplePreset,
   n as pxToRem,
   H as redPreset,
-  G as remToPx,
+  _ as remToPx,
   d as responsiveFontSizes,
   V as shadows
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "license": "UNLICENSED",
   "dependencies": {
     "@m4l/graphics": "*",

package/theme/index.d.ts

@@ -1,7 +1,4 @@
 export type { CustomShadowOptions } from './shadows';
-export type { GradientsPaletteOptions } from './palette';
-export type { ChartPaletteOptions } from './palette';
-export type { GridPaletteOptions } from './palette';
 export { defaultThemeOptions } from './defaultThemeOptions';
 export { shadows, customShadows } from './shadows';
 export { palette, type ColorSchema } from './palette';

package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LButton: (theme: Theme) => {
+export declare const M4LButton: (_theme: Theme) => {
     M4LButton: {
         styleOverrides: {
             "&.M4LButton-root": {

package/theme/overrides/M4LExtendedComponents/M4LErrorLabel.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LErrorLabel: (theme: Theme) => {
+export declare const M4LErrorLabel: (_theme: Theme) => {
     M4LErrorLabel: {
         styleOverrides: {
             "&.M4LErrorLabel-root": {

package/theme/overrides/M4LExtendedComponents/M4LIcon.d.ts

@@ -4,6 +4,7 @@ export declare const M4LIcon: (theme: Theme) => {
         styleOverrides: {
             "&.M4LIcon-root": {
                 test: string;
+                backgroundColor: string;
             };
         };
     };

package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LIconButton: (theme: Theme) => {
+export declare const M4LIconButton: (_theme: Theme) => {
     M4LIconButton: {
         styleOverrides: {
             "&.M4LIconButton-root": {

package/theme/overrides/M4LExtendedComponents/M4LImage.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LImage: (theme: Theme) => {
+export declare const M4LImage: (_theme: Theme) => {
     M4LImage: {
         styleOverrides: {
             "&.M4LImage-root": {

package/theme/overrides/M4LExtendedComponents/M4LImageButton.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LImageButton: (theme: Theme) => {
+export declare const M4LImageButton: (_theme: Theme) => {
     M4LImageButton: {
         styleOverrides: {
             "&.M4LImageButton-root": {

package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LPopover: (theme: Theme) => {
+export declare const M4LPopover: (_theme: Theme) => {
     M4LPopover: {
         styleOverrides: {
             "&.M4LPopover-root": {

package/theme/overrides/M4LExtendedComponents/M4LTypography.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LTypography: (theme: Theme) => {
+export declare const M4LTypography: (_theme: Theme) => {
     M4LTypography: {
         styleOverrides: {
             "&.M4LTypography-root": {

package/theme/overrides/M4LExtendedComponents/M4LanguagePopover.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LanguagePopover: (theme: Theme) => {
+export declare const M4LanguagePopover: (_theme: Theme) => {
     M4LanguagePopover: {
         styleOverrides: {
             "&.M4LanguagePopover-root": {

package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LRHFCheckbox: (theme: Theme) => {
+export declare const M4LRHFCheckbox: (_theme: Theme) => {
     M4LRHFCheckbox: {
         styleOverrides: {
             "&.M4LRHFCheckbox-root": {

package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LRHFTextField: (theme: Theme) => {
+export declare const M4LRHFTextField: (_theme: Theme) => {
     M4LRHFTextField: {
         styleOverrides: {
             "&.M4LRHFTextField-root": {

package/theme/overrides/M4LRHFComponents/M4LRHFTextFieldPassword.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LRHFTextFieldPassword: (theme: Theme) => {
+export declare const M4LRHFTextFieldPassword: (_theme: Theme) => {
     M4LRHFTextFieldPassword: {
         styleOverrides: {
             "&.M4LRHFTextFieldPassword-root": {

package/theme/overrides/MUIComponents/CmpDisenoTest.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/material/styles';
-export declare const CmpDisenoTest: (theme: Theme) => {
+export declare const CmpDisenoTest: (_theme: Theme) => {
     M4LBruceTest: {
         styleOverrides: {};
     };

package/theme/overrides/MUIComponents/DynamicFilter.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LDynamicFilter: (theme: Theme) => {
+export declare const M4LDynamicFilter: (_theme: Theme) => {
     M4LDynamicFilter: {
         styleOverrides: {};
     };

package/theme/palette.d.ts

@@ -1,69 +1,4 @@
 export declare type ColorSchema = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
-export interface GradientsPaletteOptions {
-    primary: string;
-    info: string;
-    success: string;
-    warning: string;
-    error: string;
-}
-export interface ChartPaletteOptions {
-    violet: string[];
-    blue: string[];
-    green: string[];
-    yellow: string[];
-    red: string[];
-}
-export interface GridPaletteOptions {
-    sectionHeader: string;
-    rowHover: string;
-    divider: string;
-}
-declare module '@mui/material/styles/createPalette' {
-    interface TypeBackground {
-        neutral: string;
-        autofill: string;
-        header: string;
-    }
-    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;
-    }
-    interface Palette {
-        gradients?: GradientsPaletteOptions;
-        chart: ChartPaletteOptions;
-        grid?: GridPaletteOptions;
-    }
-    interface PaletteOptions {
-        gradients?: GradientsPaletteOptions;
-        chart?: ChartPaletteOptions;
-        grid?: GridPaletteOptions;
-    }
-}
-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;
-    }
-}
 export declare const GREY: {
     0: string;
     100: string;

package/types/index.d.ts

@@ -1 +1 @@
-export declare type ThemeColorPresets = 'default' | 'purple' | 'cyan' | 'blue' | 'orange' | 'red';
+export * from './types.d';

package/types/types.d.ts

@@ -0,0 +1,87 @@
+import {CustomShadowOptions } from '../theme'
+
+export {};
+
+export declare type ThemeColorPresets = 'default' | 'purple' | 'cyan' | 'blue' | 'orange' | 'red';
+
+declare module '@mui/material/styles' {
+    interface Theme {
+        stretch?: boolean;
+        customShadows: CustomShadowOptions;
+    }
+
+    interface ThemeOptions {
+        stretch?: boolean;
+        customShadows?: CustomShadowOptions;
+    }
+}
+
+export interface GridPaletteOptions {
+    sectionHeader: string;
+    rowHover: string;
+    divider: string;
+}
+
+export interface ChartPaletteOptions {
+    violet: string[];
+    blue: string[];
+    green: string[];
+    yellow: string[];
+    red: string[];
+}
+
+export interface GradientsPaletteOptions {
+    primary: string;
+    info: string;
+    success: string;
+    warning: string;
+    error: string;
+}
+
+declare module '@mui/material/styles/createPalette' {
+    interface TypeBackground {
+        neutral: string;
+        autofill: string;
+        header: string;
+    }
+    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;
+    }
+    interface Palette {
+        gradients?: GradientsPaletteOptions;
+        chart: ChartPaletteOptions;
+        grid?: GridPaletteOptions;
+    }
+    interface PaletteOptions {
+        gradients?: GradientsPaletteOptions;
+        chart?: ChartPaletteOptions;
+        grid?: GridPaletteOptions;
+    }
+}
+
+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;
+    }
+}