@m4l/styles 0.0.7 → 0.0.8

package/index.js

@@ -1,5 +1,4 @@
 import { alpha as t, useTheme as m } from "@mui/material/styles";
-import { StyledEngineProvider as yr, Theme as fr, ThemeOptions as hr, ThemeProvider as Mr, createTheme as vr, styled as Br } from "@mui/material/styles";
 import { alpha as n } from "@mui/system";
 import { alpha as F } from "@mui/material";
 import { useResponsive as w } from "@m4l/graphics";
@@ -321,7 +320,11 @@ const r = {
   light: {
     ...k,
     mode: "light",
-    text: { primary: r.ashBlak[10], secondary: r.coolGrey[40], disabled: r.coolGrey[10] },
+    text: {
+      primary: r.ashBlak[10],
+      secondary: r.coolGrey[40],
+      disabled: r.coolGrey[10]
+    },
     background: {
       paper: "#fff0",
       default: r.marbleLight[10],
@@ -333,7 +336,11 @@ const r = {
   dark: {
     ...k,
     mode: "dark",
-    text: { primary: r.marbleLight[30], secondary: r.coolGrey[20], disabled: r.coolGrey[50] },
+    text: {
+      primary: r.marbleLight[30],
+      secondary: r.coolGrey[20],
+      disabled: r.coolGrey[50]
+    },
     background: {
       paper: "#fff0",
       default: r.ashBlak[10],
@@ -702,9 +709,15 @@ const V = "Poppins, sans-serif", U = {
     success: `0px 2px 8px 0px ${t(r.acidGreen[50], 0.2)}`,
     warning: `0px 2px 8px 0px ${t(r.middleYellow[50], 0.2)}`,
     error: `0px 2px 8px 0px ${t(r.flameRed[50], 0.2)}`,
-    card: `0 0 2px 0 ${t(d.light.grey[500], 0.2)}, 0 12px 24px -4px ${t(d.light.grey[500], 0.12)}`,
+    card: `0 0 2px 0 ${t(d.light.grey[500], 0.2)}, 0 12px 24px -4px ${t(
+      d.light.grey[500],
+      0.12
+    )}`,
     dialog: `-40px 40px 80px -8px ${t(d.light.common.black, 0.24)}`,
-    dropdown: `0 0 2px 0 ${t(d.light.grey[500], 0.24)}, -20px 20px 40px -4px ${t(d.light.grey[500], 0.24)}`
+    dropdown: `0 0 2px 0 ${t(d.light.grey[500], 0.24)}, -20px 20px 40px -4px ${t(
+      d.light.grey[500],
+      0.24
+    )}`
   };
   return o === "light" ? {
     z1: `0px 1px 2px ${t(r.coolGrey[70], 0.12)}`,
@@ -2323,15 +2336,10 @@ const cr = {
 };
 export {
   r as PATRONUSCOLORS,
-  yr as StyledEngineProvider,
-  fr as Theme,
-  hr as ThemeOptions,
-  Mr as ThemeProvider,
   N as blaze,
   q as candy,
   g as colorPresets,
   sr as createCustomShadows,
-  vr as createTheme,
   P as defaultPreset,
   lr as defaultThemeOptions,
   ur as fnComponentsOverrides,
@@ -2346,7 +2354,6 @@ export {
   Y as remToPx,
   p as responsiveFontSizes,
   dr as shadows,
-  Br as styled,
   W as turqui,
   U as typography
 };

package/package.json

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

package/theme/index.d.ts

@@ -2,6 +2,8 @@ export type { CustomShadowOptions } from './shadows';
 export { defaultThemeOptions } from './defaultThemeOptions';
 export { shadows, createCustomShadows } from './shadows';
 export { palette, PATRONUSCOLORS } from './palette';
+export type { PatronusConstantColors } from './palette';
 export type { ColorSchema, StateDefault, StateSkeleton } from './palette';
+export type { ColorStateOptions } from '../utils/getColorState';
 export { typography } from './typography';
 export { fnComponentsOverrides } from './overrides';

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

@@ -31,12 +31,12 @@ export declare const M4LImageButton: (theme: Theme) => {
                     borderRadius: string;
                 };
                 '.MuiButtonBase-root:hover': {
-                    backgroundColor: string;
+                    backgroundColor: any;
                 };
                 '.MuiButtonBase-root:focus': {
-                    backgroundColor: string;
+                    backgroundColor: any;
                     border: string;
-                    borderColor: string;
+                    borderColor: any;
                 };
             };
         };

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

@@ -34,20 +34,20 @@ export declare const M4LRHFCheckbox: (theme: Theme) => {
                     borderRadius: string;
                 };
                 '.MuiButtonBase-root:hover': {
-                    backgroundColor: string;
+                    backgroundColor: any;
                 };
                 '.Mui-focusVisible': {
                     border: string;
-                    borderColor: string;
+                    borderColor: any;
                 };
                 '.MuiButtonBase-root:hover .MuiSvgIcon-root': {
-                    fill: string;
+                    fill: any;
                 };
                 '.M4LRHFCheckbox-checkTypography .MuiTypography-root': {
                     [x: string]: any;
                 };
                 '.M4LRHFCheckbox-stateDisabled .MuiSvgIcon-root': {
-                    fill: string;
+                    fill: any;
                 };
                 '.M4LRHFCheckbox-stateDisabled .MuiTypography-root': {
                     color: string;

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

@@ -23,17 +23,17 @@ export default function Paper(theme: Theme): {
                     borderRadius: string;
                 };
                 '& .MuiStack-root .MuiMenuItem-root:hover': {
-                    color: string;
+                    color: any;
                     transition: string;
-                    backgroundColor: string;
+                    backgroundColor: any;
                 };
                 '& .MuiStack-root .MuiMenuItem-root.Mui-selected': {
-                    color: string;
+                    color: any;
                     transition: string;
-                    backgroundColor: string;
+                    backgroundColor: any;
                 };
                 '& .MuiStack-root .MuiMenuItem-root:focus': {
-                    color: string;
+                    color: any;
                     transition: string;
                     backgroundColor: string;
                     boxShadow: string;
@@ -44,17 +44,17 @@ export default function Paper(theme: Theme): {
                     borderRadius: string;
                 };
                 '& .MuiAutocomplete-listbox .MuiAutocomplete-option:hover': {
-                    color: string;
+                    color: any;
                     transition: string;
-                    backgroundColor: string;
+                    backgroundColor: any;
                 };
                 '& .MuiAutocomplete-listbox .MuiAutocomplete-option.Mui-selected': {
-                    color: string;
+                    color: any;
                     transition: string;
-                    backgroundColor: string;
+                    backgroundColor: any;
                 };
                 '& .MuiAutocomplete-listbox .MuiAutocomplete-option:active': {
-                    color: string;
+                    color: any;
                     transition: string;
                     backgroundColor: string;
                     boxShadow: string;

package/theme/palette.d.ts

@@ -1,6 +1,6 @@
 export declare type ColorSchema = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
-declare type PatronusColors = "patronusBlue" | "crayonBlue" | "middleYellow" | "acidGreen" | "grassGreen" | "candyRed" | "turquiBlue" | "blazeOrange" | "flameRed" | "coolGrey" | "marbleLight" | "ashBlak";
-declare type PatronusOpacityColors = "patronus" | "turqui" | "grass" | "candy" | "blaze" | "cool" | "marbel";
+declare type PatronusColors = 'patronusBlue' | 'crayonBlue' | 'middleYellow' | 'acidGreen' | 'grassGreen' | 'candyRed' | 'turquiBlue' | 'blazeOrange' | 'flameRed' | 'coolGrey' | 'marbleLight' | 'ashBlak';
+declare type PatronusOpacityColors = 'patronus' | 'turqui' | 'grass' | 'candy' | 'blaze' | 'cool' | 'marbel';
 interface PatronusColorOptions {
     10: string;
     20: string;

package/types/augmentations.d.ts

@@ -1,15 +1,7 @@
 import { PatronusConstantColors } from '../theme/palette';
 import { CustomShadowOptions } from '../theme';
 import { ChartPaletteOptions, GradientsPaletteOptions, GridPaletteOptions } from './types';
-import { ColorStateOptions } from '../utils/getColorState';
-export {
-    styled,
-    Theme,
-    ThemeOptions,
-    createTheme,
-    ThemeProvider,
-    StyledEngineProvider,
-} from '@mui/material/styles';
+import { ColorStateOptions } from '../../utils/getColorState';
 
 declare module '@mui/material' {
     interface Color {

package/utils/getColorState.d.ts

@@ -1,5 +1,5 @@
-import { StateDefault, StateSkeleton } from "../theme";
-import { ThemeColorPresets } from "../types";
+import { StateDefault, StateSkeleton } from '../theme';
+import { ThemeColorPresets } from '../types';
 export interface ColorStateOptions {
     active12: string;
     active: string;