@m4l/styles 0.0.46 → 0.0.48

package/index.js

@@ -1,41 +1,41 @@
-import { d as f } from "./theme/defaultThemeOptions.656b9eff.js";
-import { c as l, s as g } from "./theme/shadows.86540b18.js";
-import { P as u, p as d } from "./theme/palette.0590e8a6.js";
-import { t as S } from "./theme/typography.ed54f014.js";
-import { f as O } from "./theme/overrides/index.d6e1b6ee.js";
-import { u as b } from "./utils/useResponsive.2c45e8e0.js";
-import { e as h, b as T, c as v, d as w, g as z, a as y, t as F } from "./utils/getColorPresets.2a91ffaf.js";
-import { g as k } from "./utils/getColorState.7b9634af.js";
-import { g as A, p as B, a as L, r as N } from "./utils/getFontValue.88831637.js";
-import { g as j, m as D } from "./config.5405b46b.js";
+import { g as f, m as x } from "./config.5405b46b.js";
+import { d as g } from "./theme/defaultThemeOptions.348dc196.js";
+import { c as u, s as d } from "./theme/shadows.86540b18.js";
+import { P as S, p as C } from "./theme/palette.0590e8a6.js";
+import { t as R } from "./theme/typography.8878fde5.js";
+import { f as c } from "./theme/overrides/index.155beeb3.js";
+import { u as T } from "./utils/useResponsive.2c45e8e0.js";
+import { g as w } from "./utils/getColorState.6c23eada.js";
+import { e as y, b as F, c as V, d as k, g as q, a as A, t as B } from "./utils/getColorPresets.2a91ffaf.js";
+import { g as N, p as U, a as j, r as D } from "./utils/getFontValue.88831637.js";
+import "@mui/material";
 import "@mui/material/styles";
-import "@mui/material/useMediaQuery";
+import "./theme/overrides/MUIComponents/index.d2b98b86.js";
+import "./theme/overrides/M4LExtendedComponents/index.fbdb0818.js";
 import "@mui/system";
-import "@mui/material";
-import "./theme/overrides/MUIComponents/index.b3f5b7a7.js";
-import "./theme/overrides/M4LExtendedComponents/index.af978cd0.js";
-import "./theme/overrides/M4LRHFComponents/index.02fada22.js";
+import "./theme/overrides/M4LRHFComponents/index.f37c2406.js";
+import "@mui/material/useMediaQuery";
 export {
-  u as PATRONUSCOLORS,
-  h as blaze,
-  T as brown,
-  v as colorPresets,
-  l as createCustomShadows,
-  w as defaultPreset,
-  f as defaultThemeOptions,
-  O as fnComponentsOverrides,
-  z as getColorPresets,
-  k as getColorState,
-  A as getFontValue,
-  j as globalRemSize,
-  y as grass,
-  D as muiBreakpointsValues,
-  d as palette,
-  B as pxToRem,
-  L as remToPx,
-  N as responsiveFontSizes,
-  g as shadows,
-  F as turqui,
-  S as typography,
-  b as useResponsive
+  S as PATRONUSCOLORS,
+  y as blaze,
+  F as brown,
+  V as colorPresets,
+  u as createCustomShadows,
+  k as defaultPreset,
+  g as defaultThemeOptions,
+  c as fnComponentsOverrides,
+  q as getColorPresets,
+  w as getColorState,
+  N as getFontValue,
+  f as globalRemSize,
+  A as grass,
+  x as muiBreakpointsValues,
+  C as palette,
+  U as pxToRem,
+  j as remToPx,
+  D as responsiveFontSizes,
+  d as shadows,
+  B as turqui,
+  R as typography,
+  T as useResponsive
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "0.0.46",
+  "version": "0.0.48",
   "license": "UNLICENSED",
   "author": "m4l team",
   "dependencies": {

package/theme/{defaultThemeOptions.656b9eff.js → defaultThemeOptions.348dc196.js}

@@ -1,13 +1,10 @@
-import "@mui/material/styles";
-import "@mui/material/useMediaQuery";
-import { g as r } from "../utils/getColorPresets.2a91ffaf.js";
-import "@mui/system";
-import { t as a } from "./typography.ed54f014.js";
+import { t as a } from "./typography.8878fde5.js";
 import { p as o } from "./palette.0590e8a6.js";
 import { alpha as s } from "@mui/material";
-import { s as p, c as e } from "./shadows.86540b18.js";
-import { g as m } from "../utils/getColorState.7b9634af.js";
-const k = {
+import { s as e, c as p } from "./shadows.86540b18.js";
+import { g as r } from "../utils/getColorPresets.2a91ffaf.js";
+import { g as m } from "../utils/getColorState.6c23eada.js";
+const f = {
   typography: a,
   palette: {
     ...o.dark,
@@ -17,14 +14,14 @@ const k = {
   },
   shape: { borderRadius: 8 },
   direction: "rtl",
-  shadows: p.dark,
+  shadows: e.dark,
   customShadows: {
     primary: `0 8px 16px 0 ${s(r("patronus").main, 0.2)}`,
-    ...e("dark")
+    ...p("dark")
   },
   stretch: !0,
   spacing: (t) => `${0.5 * t}rem`
 };
 export {
-  k as d
+  f as d
 };

package/theme/index.34d0fdea.js

@@ -0,0 +1 @@
+

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

@@ -592,6 +592,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                 [x: string]: string | {
                     padding: string;
                     minWidth: string;
+                    maxWidth: string;
                     minHeight: string;
                     boxShadow: string;
                     '& .M4LPopover-arrowStyle': {
@@ -601,6 +602,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                         gap: string;
                         width: string;
                         minWidth: string;
+                        maxWidth: string;
                         height: string;
                         '& .M4LDynamicFilter-popoverFilterHeader': {
                             background: string;
@@ -621,7 +623,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                         };
                         '& .M4LDynamicFilter-popoverContainerFields': {
                             height: string;
-                            "& .M4LDynamicFilter-containerStringFilter,\n                                  & .M4LDynamicFilter-containerBooleanFilter,\n                                  & .M4LDynamicFilter-containerNumberFilter,\n                                  & .M4LDynamicFilter-containerDateTimeFilter\n                                ": {
+                            "& .M4LDynamicFilter-containerStringFilter,\n                                  & .M4LDynamicFilter-containerBooleanFilter,\n                                  & .M4LDynamicFilter-containerNumberFilter,\n                                  & .M4LDynamicFilter-containerDateTimeFilter,\n                                  & .M4LDynamicFilter-containerSelectFilter\n                                ": {
                                 display: string;
                                 height: string;
                                 flexDirection: string;
@@ -655,7 +657,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                             };
                             '& .M4LDynamicFilter-popoverContainerFields': {
                                 height: string;
-                                "& .M4LDynamicFilter-containerStringFilter,\n                                      & .M4LDynamicFilter-containerBooleanFilter,\n                                      & .M4LDynamicFilter-containerNumberFilter,\n                                      & .M4LDynamicFilter-containerDateTimeFilter\n                                    ": {
+                                "& .M4LDynamicFilter-containerStringFilter,\n                                      & .M4LDynamicFilter-containerBooleanFilter,\n                                      & .M4LDynamicFilter-containerNumberFilter,\n                                      & .M4LDynamicFilter-containerDateTimeFilter,\n                                      & .M4LDynamicFilter-containerSelectFilter\n                                    ": {
                                     display: string;
                                     height: string;
                                     flexDirection: string;
@@ -676,6 +678,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                     };
                     padding?: undefined;
                     minWidth?: undefined;
+                    maxWidth?: undefined;
                     minHeight?: undefined;
                     boxShadow?: undefined;
                     '& .M4LPopover-arrowStyle'?: undefined;
@@ -685,6 +688,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                 '& .M4LDynamicFilter-popoverFilterPaper': {
                     padding: string;
                     minWidth: string;
+                    maxWidth: string;
                     minHeight: string;
                     boxShadow: string;
                     '& .M4LPopover-arrowStyle': {
@@ -694,6 +698,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                         gap: string;
                         width: string;
                         minWidth: string;
+                        maxWidth: string;
                         height: string;
                         '& .M4LDynamicFilter-popoverFilterHeader': {
                             background: string;
@@ -714,7 +719,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                         };
                         '& .M4LDynamicFilter-popoverContainerFields': {
                             height: string;
-                            "& .M4LDynamicFilter-containerStringFilter,\n                                  & .M4LDynamicFilter-containerBooleanFilter,\n                                  & .M4LDynamicFilter-containerNumberFilter,\n                                  & .M4LDynamicFilter-containerDateTimeFilter\n                                ": {
+                            "& .M4LDynamicFilter-containerStringFilter,\n                                  & .M4LDynamicFilter-containerBooleanFilter,\n                                  & .M4LDynamicFilter-containerNumberFilter,\n                                  & .M4LDynamicFilter-containerDateTimeFilter,\n                                  & .M4LDynamicFilter-containerSelectFilter\n                                ": {
                                 display: string;
                                 height: string;
                                 flexDirection: string;

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

@@ -4,145 +4,7 @@ export declare const M4LModalDialog: (theme: Theme) => {
         styleOverrides: {
             '&.M4LModal-root': {
                 test: string;
-                '& .MuiPaper-root.MuiDialog-paper': {
-                    [x: string]: string | {
-                        width: string;
-                        height: string;
-                        maxHeight: string;
-                        borderColor: string;
-                        display?: undefined;
-                        flexDirection?: undefined;
-                        justifyContent?: undefined;
-                        alignItems?: undefined;
-                        overflow?: undefined;
-                        background?: undefined;
-                        boxShadow?: undefined;
-                        borderRadius?: undefined;
-                        '& .M4LCommonActions-root'?: undefined;
-                        '& .M4LModal-containerMassageIlustration'?: undefined;
-                        '& .M4LModal-headerContainer'?: undefined;
-                        '& .M4LModal-windowContent'?: undefined;
-                    } | {
-                        display: string;
-                        flexDirection: string;
-                        width: string;
-                        height: string;
-                        maxHeight?: undefined;
-                        borderColor?: undefined;
-                        justifyContent?: undefined;
-                        alignItems?: undefined;
-                        overflow?: undefined;
-                        background?: undefined;
-                        boxShadow?: undefined;
-                        borderRadius?: undefined;
-                        '& .M4LCommonActions-root'?: undefined;
-                        '& .M4LModal-containerMassageIlustration'?: undefined;
-                        '& .M4LModal-headerContainer'?: undefined;
-                        '& .M4LModal-windowContent'?: undefined;
-                    } | {
-                        display: string;
-                        flexDirection: string;
-                        justifyContent: string;
-                        alignItems: string;
-                        height: string;
-                        overflow: string;
-                        width: string;
-                        background: string;
-                        boxShadow: string;
-                        borderRadius: string;
-                        '& .M4LCommonActions-root': {
-                            padding: string;
-                            margin: string;
-                            width: string;
-                            height: string;
-                            display: string;
-                            flexDirection: string;
-                            justifyContent: string;
-                            gap: string;
-                        };
-                        '& .M4LModal-containerMassageIlustration': {
-                            display: string;
-                            flexDirection: string;
-                            justifyContent: string;
-                            alignItems: string;
-                            height: string;
-                            width: string;
-                            overflow: string;
-                            gap: string;
-                            '& .M4LModal-modalContent': {
-                                display: string;
-                                flexDirection: string;
-                                justifyContent: string;
-                                alignItems: string;
-                                gap: string;
-                                '& .M4LModal-illustrationContainer': {
-                                    display: string;
-                                    flexDirection: string;
-                                    justifyContent: string;
-                                    alignItems: string;
-                                    marginBottom: string;
-                                    height: string;
-                                    width: string;
-                                };
-                                '& .MuiTypography-subtitle': {
-                                    color: string;
-                                };
-                                '& .M4LModal-messageContainer': {
-                                    color: string;
-                                    textAlign: string;
-                                };
-                            };
-                        };
-                        '& .M4LModal-headerContainer': {
-                            display: string;
-                            alignItems: string;
-                            justifyContent: string;
-                            minHeight: string;
-                            padding: string;
-                            gap: string;
-                            cursor: string;
-                            '& .M4LModal-iconHeader': {
-                                display: string;
-                                alignItems: string;
-                                justifyContent: string;
-                            };
-                            '& .M4LModal-titleHeader': {
-                                width: string;
-                                whiteSpace: string;
-                                textOverflow: string;
-                                overflow: string;
-                            };
-                            '& .M4LModal-iconCloseHeader': {};
-                        };
-                        '& .M4LModal-windowContent': {
-                            padding: string;
-                            width: string;
-                            height: string;
-                            display: string;
-                            flexDirection: string;
-                            flex: string;
-                            overflow: string;
-                            '& .M4LStack-root': {
-                                gap: string;
-                                overflow: string;
-                            };
-                        };
-                        maxHeight?: undefined;
-                        borderColor?: undefined;
-                    };
-                    display: string;
-                    flexDirection: string;
-                    overflow: string;
-                    borderRadius: string;
-                    margin: string;
-                    width: string;
-                    height: string;
-                    maxWidth: string;
-                    maxHeight: string;
-                    background: string;
-                    border: string;
-                    borderColor: string;
-                    boxShadow: string;
+                '& .MuiPaper-root': {
                     '& .M4LModal-windowBaseRoot': {
                         display: string;
                         flexDirection: string;
@@ -240,6 +102,25 @@ export declare const M4LModalDialog: (theme: Theme) => {
                     };
                 };
             };
+            '& .MuiPaper-root.MuiDialog-paperFullScreen': {
+                width: string;
+                height: string;
+            };
+            '& .MuiPaper-root:not(.MuiDialog-paperFullScreen).MuiDialog-paper': {
+                display: string;
+                flexDirection: string;
+                overflow: string;
+                borderRadius: string;
+                margin: string;
+                maxWidth: string;
+                maxHeight: string;
+                background: string;
+                border: string;
+                borderColor: string;
+                boxShadow: string;
+                width: string;
+                height: string;
+            };
         };
     };
 };

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

@@ -7,7 +7,6 @@ export declare const M4LPager: (theme: Theme) => {
                 display: string;
                 flexDirection: string;
                 alignItems: string;
-                gap: string;
                 whiteSpace: string;
                 width: string;
                 justifyContent: string;
@@ -58,9 +57,21 @@ export declare const M4LPager: (theme: Theme) => {
                 "& .M4LPager-labelRowsPerPageContainer": {
                     display: string;
                     flexDirection: string;
-                    gap: string;
                     justifyContent: string;
                     alignItems: string;
+                    '& .M4LPager-select': {
+                        '& .MuiSelect-select': {
+                            color: string;
+                        };
+                        '& .MuiSelect-icon': {
+                            right: string;
+                            top: string;
+                            bottom: string;
+                        };
+                    };
+                };
+                '& .M4LPager-labelDisplayRows': {
+                    marginLeft: string;
                 };
                 "& .MuiInputBase-root": {
                     padding: string;
@@ -102,7 +113,11 @@ export declare const M4LPager: (theme: Theme) => {
     M4LPagerMenuPopover: {
         styleOverrides: {
             '&.M4LPager-selectMenuPopover': {
-                test: string;
+                '& .MuiList-root': {
+                    '& .MuiMenuItem-root': {
+                        color: string;
+                    };
+                };
             };
         };
     };