@m4l/styles 0.0.6 → 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],
@@ -388,13 +395,13 @@ const r = {
     darker: r.blazeOrange[20],
     contrastText: r.marbleLight[10]
   }
-], P = g[0], W = g[1], q = g[2], _ = g[3], N = g[4];
+], P = g[0], W = g[1], _ = g[2], q = g[3], N = g[4];
 function ir(o) {
   return {
     patronus: P,
     turqui: W,
-    grass: q,
-    candy: _,
+    grass: _,
+    candy: q,
     blaze: N
   }[o];
 }
@@ -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)}`,
@@ -2054,7 +2067,7 @@ const Go = (o) => ({
       }
     }
   }
-}), qo = (o) => ({
+}), _o = (o) => ({
   M4LIconButton: {
     styleOverrides: {
       ["&.M4LIconButton-root"]: {
@@ -2062,7 +2075,7 @@ const Go = (o) => ({
       }
     }
   }
-}), _o = (o) => ({
+}), qo = (o) => ({
   M4LanguagePopover: {
     styleOverrides: {
       ["&.M4LanguagePopover-root"]: {
@@ -2297,8 +2310,8 @@ function ur(o) {
     Qo(),
     Xo(),
     Wo(),
-    qo(),
     _o(),
+    qo(),
     No(o),
     or(),
     Yo(),
@@ -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,
-  _ as candy,
+  q as candy,
   g as colorPresets,
   sr as createCustomShadows,
-  vr as createTheme,
   P as defaultPreset,
   lr as defaultThemeOptions,
   ur as fnComponentsOverrides,
@@ -2339,14 +2347,13 @@ export {
   nr as getColorState,
   pr as getFontValue,
   gr as globalRemSize,
-  q as grass,
+  _ as grass,
   cr as muiBreakpointsValues,
   d as palette,
   s as pxToRem,
   Y as remToPx,
   p as responsiveFontSizes,
   dr as shadows,
-  Br as styled,
   W as turqui,
   U as typography
 };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@m4l/styles",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "license": "UNLICENSED",
   "dependencies": {
     "@m4l/graphics": "*",
-    "@mui/material": "^5.10.4",
-    "@mui/system": "^5.10.4",
+    "@mui/material": "5.10.4",
+    "@mui/system": "5.10.4",
     "react": "^17.0.0 || 18.x",
     "react-dom": "^18.0.0"
   },

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

@@ -11,7 +11,7 @@ export declare const M4LImageButton: (theme: Theme) => {
                     alignItems: string;
                     justifyContent: string;
                 };
-                ".M4LImage-root": {
+                '.M4LImage-root': {
                     display: string;
                     alignItems: string;
                     justifyContent: string;
@@ -19,7 +19,7 @@ export declare const M4LImageButton: (theme: Theme) => {
                     width: string;
                     height: string;
                 };
-                ".M4LImage-lazyLoad": {
+                '.M4LImage-lazyLoad': {
                     borderRadius: string;
                     width: string;
                     height: string;
@@ -27,16 +27,16 @@ export declare const M4LImageButton: (theme: Theme) => {
                     alignItems: string;
                     justifyContent: string;
                 };
-                ".M4LImage-img": {
+                '.M4LImage-img': {
                     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/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

@@ -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;