@m4l/styles 0.0.44 → 0.0.45

package/index.js

@@ -1,41 +1,41 @@
-import { g as f, m as x } from "./config.5405b46b.js";
-import { d as g } from "./theme/defaultThemeOptions.4c9bc728.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.b14a8e35.js";
-import { f as c } from "./theme/overrides/index.7c048e7a.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 { 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.1864049e.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 "@mui/material/styles";
-import "./theme/overrides/MUIComponents/index.b3f5b7a7.js";
-import "./theme/overrides/M4LExtendedComponents/index.df05e9ba.js";
+import "@mui/material/useMediaQuery";
 import "@mui/system";
+import "@mui/material";
+import "./theme/overrides/MUIComponents/index.b3f5b7a7.js";
+import "./theme/overrides/M4LExtendedComponents/index.21173919.js";
 import "./theme/overrides/M4LRHFComponents/index.02fada22.js";
-import "@mui/material/useMediaQuery";
 export {
-  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
+  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
 };

package/package.json

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

package/theme/{defaultThemeOptions.4c9bc728.js → defaultThemeOptions.656b9eff.js}

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

package/theme/index.bc975e94.js

@@ -0,0 +1,7 @@
+import "./defaultThemeOptions.656b9eff.js";
+import "./shadows.86540b18.js";
+import "./palette.0590e8a6.js";
+import "./typography.ed54f014.js";
+import "@mui/material";
+import "@mui/material/styles";
+import "@mui/system";

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

@@ -14,6 +14,8 @@ export declare const M4LAreasViewer: (theme: Theme) => {
                     height: string;
                 };
                 '& .M4LGridLayout-gridItemRoot': {
+                    containerName: string;
+                    containerType: string;
                     '& .react-resizable-handle-nw': {
                         top: string;
                         left: string;

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

@@ -14,8 +14,20 @@ export declare const M4LDataGrid: (theme: Theme) => {
                 gap: string;
                 height: string;
                 width: string;
+                "&.M4LDataGrid-xs": {
+                    '& .M4LDataGrid-actions': {
+                        height: string;
+                        '& .M4LPager-labelRowsPerPageContainer': {
+                            '& .M4LTypography-root': {
+                                display: string;
+                            };
+                        };
+                        '& .M4LPager-labelDisplayRows': {
+                            display: string;
+                        };
+                    };
+                };
                 '& .M4LDataGrid-actions': {
-                    [x: string]: any;
                     left: string;
                     right: string;
                     top: string;
@@ -30,6 +42,9 @@ export declare const M4LDataGrid: (theme: Theme) => {
                     background: string;
                     position: string;
                     gap: string;
+                    "@container main (max-width: 600px)": {
+                        height: string;
+                    };
                     '& .M4LDataGrid-actionsConfigContainer': {
                         display: string;
                         flexDirection: string;
@@ -63,220 +78,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
                     top: string;
                 };
                 '& .M4LDataGrid-tableContaniner': {
-                    [x: string]: string | {
-                        top: string;
-                        position?: undefined;
-                        height?: undefined;
-                        overflow?: undefined;
-                        borderRadius?: undefined;
-                        '& .rdg '?: undefined;
-                        '& [role="columnheader"]'?: undefined;
-                        '& .rdg-row'?: undefined;
-                        '& .rdg-cell'?: undefined;
-                        '& .rdg-cell[role="gridcell"]'?: undefined;
-                        '& .rdg-cell[role="columnheader"] .rdg-header-sort-name'?: undefined;
-                        '& .rdg-cell[role="columnheader"] [draggable="true"]'?: undefined;
-                        '& [aria-selected=true]'?: undefined;
-                        '& .rdg-cell.rdg-cell-align-left'?: undefined;
-                        '& .rdg-cell.rdg-cell-align-center'?: undefined;
-                        '& .rdg-cell.rdg-cell-align-right'?: undefined;
-                        '& .rdg-row .rdg-cell-frozen-last:after'?: undefined;
-                        '& .rdg-row :last-child:after'?: undefined;
-                        '& .rdg-header-row'?: undefined;
-                        '& .rdg-header-row .rdg-cell'?: undefined;
-                        '& .rdg-header-row :last-child.rdg-cell'?: undefined;
-                        '& .filter_cell_div'?: undefined;
-                        '& .rdg-header-sort-cell'?: undefined;
-                    } | {
-                        position: string;
-                        height: string;
-                        overflow: string;
-                        borderRadius: string;
-                        '& .rdg ': {
-                            border: string;
-                            background: string;
-                            gridColumnGap: string;
-                            gridRowGap: string;
-                            userSelect: string;
-                            height: string;
-                            contentVisibility: string;
-                            overflow: string;
-                            padding: string;
-                            '--rdg-grid-inline-size': string;
-                            '--rdg-header-background-color': string;
-                            '--rdg-row-selected-background-color': string;
-                            '--rdg-row-hover-background-color': string;
-                            '--rdg-background-color': string;
-                            '--rdg-selection-color': string;
-                            '--row-selected-hover-background-color': string;
-                            '--rdg-checkbox-color': string;
-                            '--rdg-checkbox-focus-color': string;
-                            '--rdg-border-color': string;
-                            '&:last-child .rdg-cell': {
-                                borderTop: string;
-                                borderBottom: string;
-                                borderLeft: string;
-                                borderRight: string;
-                                borderColor: string;
-                            };
-                        };
-                        '& [role="columnheader"]': {
-                            justifyContent: string;
-                            alignItems: string;
-                        };
-                        '& .rdg-row': {
-                            '&[aria-selected="false"] .rdg-cell': {
-                                backgroundColor: string;
-                                borderLeft: string;
-                                borderColor: string;
-                            };
-                            '&:nth-of-type(odd)': {
-                                '& .rdg-cell': {
-                                    backgroundColor: string;
-                                };
-                            };
-                            '&[aria-selected="true"] .rdg-cell': {
-                                backgroundColor: string;
-                            };
-                            '&:hover': {
-                                '& .rdg-cell': {
-                                    backgroundColor: string;
-                                    transition: string;
-                                };
-                            };
-                            backgroundColor: string;
-                        };
-                        '& .rdg-cell': {
-                            transition: string;
-                            borderBottom: string;
-                            borderRight: string;
-                            borderColor: string;
-                            color: string;
-                            display: string;
-                            justifyContent: string;
-                            alignItems: string;
-                            textOverflow: string;
-                            gridTemplateColumns: string;
-                            '& .rdg-text-editor': {
-                                textAlign: string;
-                                color: string;
-                                padding: string;
-                                lineHeight: string;
-                                border: string;
-                                borderTop: string;
-                                borderBottom: string;
-                                borderLeft: string;
-                                borderRight: string;
-                                borderColor: string;
-                            };
-                            '&.rdg-cell-frozen': {
-                                display: string;
-                                justifyContent: string;
-                                alignItems: string;
-                                boxShadow: string;
-                            };
-                            '&:after': {
-                                content: string;
-                                borderRight: string;
-                                position: string;
-                                right: string;
-                                height: string;
-                            };
-                            '& .m4l_icon': {
-                                height: string;
-                            };
-                        };
-                        '& .rdg-cell[role="gridcell"]': {
-                            lineHeight: string;
-                        };
-                        '& .rdg-cell[role="columnheader"] .rdg-header-sort-name': {
-                            lineHeight: string;
-                            height: string;
-                            display: string;
-                            justifyContent: string;
-                            alignItems: string;
-                        };
-                        '& .rdg-cell[role="columnheader"] [draggable="true"]': {
-                            lineHeight: string;
-                        };
-                        '& [aria-selected=true]': {
-                            backgroundColor: string;
-                            color: string;
-                            outline: string;
-                            outlineOffset: string;
-                            outlineColor: string;
-                        };
-                        '& .rdg-cell.rdg-cell-align-left': {
-                            textAlign: string;
-                            display: string;
-                            justifyContent: string;
-                            alignItems: string;
-                        };
-                        '& .rdg-cell.rdg-cell-align-center': {
-                            textAlign: string;
-                            display: string;
-                        };
-                        '& .rdg-cell.rdg-cell-align-right': {
-                            textAlign: string;
-                        };
-                        '& .rdg-row .rdg-cell-frozen-last:after': {
-                            borderRight: string;
-                        };
-                        '& .rdg-row :last-child:after': {
-                            borderRight: string;
-                            borderColor: string;
-                        };
-                        '& .rdg-header-row': {
-                            backgroundColor: string;
-                        };
-                        '& .rdg-header-row .rdg-cell': {
-                            fontFamily: Record<string, any>;
-                            fontWeight: Record<string, any>;
-                            fontSize: Record<string, any>;
-                            color: string;
-                            borderRight: string;
-                            boxShadow: string;
-                            gridTemplateColumns: string;
-                            borderBottom: string;
-                            borderColor: string;
-                            '& [draggable="true"]': {
-                                fontSize: Record<string, any>;
-                            };
-                            '&.rdg-cell-frozen-last': {
-                                borderColor: string;
-                                boxShadow: string;
-                                '&:after': {};
-                            };
-                            '& .rdg-header-sort-cell': {
-                                '& .rdg-header-sort-name + span': {
-                                    position: string;
-                                    margin: string;
-                                    right: string;
-                                    '& .rdg-sort-arrow': {
-                                        width: string;
-                                    };
-                                };
-                            };
-                            '& .rdg-sort-arrow': {};
-                        };
-                        '& .rdg-header-row :last-child.rdg-cell': {
-                            borderTopRightRadius: string;
-                            '&:after': {
-                                borderRight: string;
-                            };
-                        };
-                        '& .filter_cell_div': {
-                            paddingLeft: string;
-                            paddingRight: string;
-                        };
-                        '& .rdg-header-sort-cell': {
-                            width: string;
-                            flexGrow: string;
-                            alignItems: string;
-                            color: string;
-                        };
-                        top?: undefined;
-                    };
                     display: string;
                     flexDirection: string;
                     position: string;
@@ -290,6 +91,9 @@ export declare const M4LDataGrid: (theme: Theme) => {
                     border: string;
                     boxshadow: string;
                     background: string;
+                    "@container main (max-width: 600px)": {
+                        top: string;
+                    };
                     '& .M4LDataGrid-wrapperDataGridCss': {
                         position: string;
                         height: string;

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

@@ -7,9 +7,10 @@ export declare const M4LPager: (theme: Theme) => {
                 display: string;
                 flexDirection: string;
                 alignItems: string;
-                justifyContent: string;
                 gap: string;
                 whiteSpace: string;
+                width: string;
+                justifyContent: string;
                 "& .M4LPager-pagerActions": {
                     [x: string]: string | {
                         gap: string;
@@ -40,6 +41,7 @@ export declare const M4LPager: (theme: Theme) => {
                     width: string;
                     background: string;
                     borderRadius: string;
+                    margin: string;
                     "& .M4LIconButton-root": {
                         [x: string]: string | {
                             width: string;

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

@@ -42,8 +42,6 @@ export declare const M4LPropertyValue: (theme: Theme) => {
                     '& .M4LTypography-root': {
                         color: string;
                         fontWeight: string;
-                        maxWidth: string;
-                        width: string;
                     };
                     maxWidth: string;
                     width: string;
@@ -155,8 +153,6 @@ export declare const M4LPropertyValue: (theme: Theme) => {
                     '& .M4LTypography-root': {
                         color: string;
                         fontWeight: string;
-                        maxWidth: string;
-                        width: string;
                     };
                     maxWidth: string;
                     width: string;