@m4l/styles 0.0.33 → 0.0.34

package/index.js

@@ -1,17 +1,17 @@
 import { g as f, m as x } from "./config.5405b46b.js";
-import { d as g } from "./theme/defaultThemeOptions.8a0a9552.js";
-import { c as u, s as d } from "./theme/shadows.f7e9f204.js";
-import { P as S, p as C } from "./theme/palette.c010be01.js";
+import { d as g } from "./theme/defaultThemeOptions.66a289a7.js";
+import { c as u, s as d } from "./theme/shadows.a726d8c6.js";
+import { P as S, p as C } from "./theme/palette.1b577d8c.js";
 import { t as R } from "./theme/typography.b14a8e35.js";
-import { f as c } from "./theme/overrides/index.c6df0378.js";
+import { f as c } from "./theme/overrides/index.2d07abe3.js";
 import { u as T } from "./utils/useResponsive.2c45e8e0.js";
-import { g as w } from "./utils/getColorState.5e26c43a.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.fd669756.js";
+import { g as w } from "./utils/getColorState.ce01540c.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.479f9922.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 "./theme/overrides/MUIComponents/index.b3f5b7a7.js";
-import "./theme/overrides/M4LExtendedComponents/index.7ce8c9f6.js";
+import "./theme/overrides/M4LExtendedComponents/index.e406c71f.js";
 import "@mui/system";
 import "./theme/overrides/M4LRHFComponents/index.d7a80536.js";
 import "@mui/material/useMediaQuery";

package/package.json

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

package/theme/{defaultThemeOptions.8a0a9552.js → defaultThemeOptions.66a289a7.js}

@@ -1,9 +1,9 @@
 import { t as a } from "./typography.b14a8e35.js";
-import { p as o } from "./palette.c010be01.js";
+import { p as o } from "./palette.1b577d8c.js";
 import { alpha as s } from "@mui/material";
-import { s as e, c as p } from "./shadows.f7e9f204.js";
-import { g as r } from "../utils/getColorPresets.fd669756.js";
-import { g as m } from "../utils/getColorState.5e26c43a.js";
+import { s as e, c as p } from "./shadows.a726d8c6.js";
+import { g as r } from "../utils/getColorPresets.479f9922.js";
+import { g as m } from "../utils/getColorState.ce01540c.js";
 const f = {
   typography: a,
   palette: {

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

@@ -3,10 +3,9 @@ export declare const M4LButton: (theme: Theme) => {
     M4LButton: {
         styleOverrides: {
             '&.M4LButton-root': {
-                height: string;
                 minHeight: string;
                 borderRadius: string;
-                '& .M4LButton-skeleton ': {
+                '& .M4LButton-skeleton': {
                     height: string;
                     borderRadius: string;
                 };

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

@@ -14,7 +14,11 @@ export declare const M4LMenuActions: (theme: Theme) => {
                         minHeight: string;
                         minWidth: string;
                         padding: string;
-                        '& .M4LIcon-root': {};
+                        gap: string;
+                        '& .M4LIcon-root': {
+                            minHeight: string;
+                            minWidth: string;
+                        };
                         '& .css-hgjo64': {
                             margin: string;
                         };

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

@@ -4,7 +4,7 @@ export declare const M4LPDFViewer: (_theme: Theme) => {
         styleOverrides: {
             '&.M4LPDFViewer-root': {
                 width: string;
-                heigth: string;
+                height: string;
                 position: string;
                 '& .M4LButton-root': {
                     position: string;

package/theme/overrides/M4LExtendedComponents/{index.7ce8c9f6.js → index.e406c71f.js}

@@ -1,6 +1,6 @@
 import { alpha as e } from "@mui/material/styles";
 import { alpha as t } from "@mui/system";
-import { P as r } from "../../palette.c010be01.js";
+import { P as r } from "../../palette.1b577d8c.js";
 const p = (o) => ({
   M4LDynamicFilter: {
     styleOverrides: {
@@ -583,7 +583,7 @@ const p = (o) => ({
           zIndex: "10000",
           "& .MuiButtonBase-root": {
             justifyContent: "normal !important",
-            gap: "8px !important"
+            gap: "8px"
           }
         },
         "& .M4LanguagePopover-containerItems": {
@@ -622,7 +622,7 @@ const p = (o) => ({
             gap: "16px !important",
             "& .MuiButtonBase-root": {
               justifyContent: "normal !important",
-              gap: "16px !important",
+              gap: "16px",
               "& .css-1qhcwcd": {
                 width: "28px !important",
                 height: "28px !important",
@@ -679,15 +679,14 @@ const p = (o) => ({
         display: "flex",
         justifyContent: "center",
         ...o.typography.action,
-        height: "24px",
         minHeight: "24px",
         borderRadius: "4px",
         [o.breakpoints.down("md")]: {
           height: "36px",
           minHeight: "36px"
         },
-        "& .M4LButton-skeleton ": {
-          height: "100%!important",
+        "& .M4LButton-skeleton": {
+          height: "100% !important",
           borderRadius: "4px"
         },
         "& .MuiButtonBase-root": {
@@ -3843,7 +3842,7 @@ const p = (o) => ({
           background: o.palette.state.active12,
           border: "2px solid",
           borderColor: o.palette.state.borderPrimary,
-          boxShadow: o.customShadows.z3,
+          boxShadow: o.customShadows.z4,
           [o.breakpoints.down("sm")]: {
             width: "100%",
             height: "100%",
@@ -4610,7 +4609,11 @@ const p = (o) => ({
             minHeight: "24px",
             minWidth: "24px",
             padding: "0",
-            "& .M4LIcon-root": {},
+            gap: "0px",
+            "& .M4LIcon-root": {
+              minHeight: "24px",
+              minWidth: "24px"
+            },
             "& .css-hgjo64": {
               margin: "0"
             }
@@ -5210,7 +5213,7 @@ const p = (o) => ({
     styleOverrides: {
       "&.M4LPDFViewer-root": {
         width: "100%",
-        heigth: "100%",
+        height: "100%",
         position: "relative",
         "& .M4LButton-root": {
           position: "sticky!important",

package/theme/overrides/{index.c6df0378.js → index.2d07abe3.js}

@@ -1,5 +1,5 @@
 import { F as s, C as o, M as r, L, I as M, a as n, R as i, B as p, b as d, T as c, P as l, S as u, c as g, d as B, D as F, A as P, e as A, f as T, g as b, h as y, i as C, j as I, k as R, l as S, m as v, n as D, o as k, p as H, q as f, r as x, s as w, t as G, u as E, v as V, w as j, x as N, y as O, z as q, E as z } from "./MUIComponents/index.b3f5b7a7.js";
-import { M as U, a as t, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z, i as _, j as $, k as m, l as e, m as h, n as aa, o as sa, p as oa, q as ra, r as La, s as Ma, t as na, u as ia, v as pa, w as da, x as ca, y as la, z as ua, A as ga, B as Ba, C as Fa, D as Pa, E as Aa, F as Ta, G as ba, H as ya, I as Ca, J as Ia, K as Ra, L as Sa, N as va, O as Da, P as ka, Q as Ha, R as fa, S as xa, T as wa, U as Ga, V as Ea } from "./M4LExtendedComponents/index.7ce8c9f6.js";
+import { M as U, a as t, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z, i as _, j as $, k as m, l as e, m as h, n as aa, o as sa, p as oa, q as ra, r as La, s as Ma, t as na, u as ia, v as pa, w as da, x as ca, y as la, z as ua, A as ga, B as Ba, C as Fa, D as Pa, E as Aa, F as Ta, G as ba, H as ya, I as Ca, J as Ia, K as Ra, L as Sa, N as va, O as Da, P as ka, Q as Ha, R as fa, S as xa, T as wa, U as Ga, V as Ea } from "./M4LExtendedComponents/index.e406c71f.js";
 import { M as Va, a as ja, b as Na, c as Oa, d as qa, e as za, f as Ua, g as ta, h as Ja } from "./M4LRHFComponents/index.d7a80536.js";
 function Xa(a) {
   return Object.assign(

package/theme/{palette.c010be01.js → palette.1b577d8c.js}

@@ -126,7 +126,7 @@ const e = {
   },
   marbleLight: {
     10: "#FFFFFF",
-    20: "#F5F9FA",
+    20: "#F9FAFA",
     30: "#F4F5F5",
     40: "#F0F4F4",
     50: "#E6E8EA",
@@ -339,18 +339,18 @@ const e = {
 }, C = {
   normal: e.flameRed[40],
   hover: e.flameRed[60]
-}, D = {
+}, m = {
   normal: e.middleYellow[60],
   hover: e.middleYellow[70]
-}, m = {
+}, D = {
   default: r(e.coolGrey[50], 0.24),
   transition: r(e.coolGrey[50], 0.08)
 }, b = {
   info: { ...u },
   success: { ...g },
   error: { ...C },
-  warning: { ...D },
-  skeleton: { ...m }
+  warning: { ...m },
+  skeleton: { ...D }
 }, f = {
   common: { black: "#000", white: "#fff" },
   primary: { ...a },
@@ -385,7 +385,7 @@ const e = {
       default: e.marbleLight[10],
       neutral: e.marbleLight[30],
       background: e.marbleLight[60],
-      header: "#F9FAFA"
+      header: e.marbleLight[20]
     },
     divider: e.coolGrey[20],
     grid: { sectionHeader: "#F6F7F9", divider: "#EDEFF2", rowHover: "#FAFBFC" }

package/theme/palette.d.ts

@@ -87,7 +87,7 @@ export declare const palette: {
             readonly default: string;
             readonly neutral: string;
             readonly background: string;
-            readonly header: "#F9FAFA";
+            readonly header: string;
         };
         readonly divider: string;
         readonly grid: {

package/theme/{shadows.f7e9f204.js → shadows.a726d8c6.js}

@@ -1,5 +1,5 @@
 import { alpha as r } from "@mui/material/styles";
-import { p as a, P as e } from "./palette.c010be01.js";
+import { p as a, P as e } from "./palette.1b577d8c.js";
 const s = a.light.grey[500], o = "#000000", n = (t) => {
   const p = r(t, 0.2), x = r(t, 0.14), $ = r(t, 0.12);
   return [

package/utils/{getColorPresets.fd669756.js → getColorPresets.479f9922.js}

@@ -1,4 +1,4 @@
-import { P as r } from "../theme/palette.c010be01.js";
+import { P as r } from "../theme/palette.1b577d8c.js";
 const e = [
   {
     name: "patronus",

package/utils/{getColorState.5e26c43a.js → getColorState.ce01540c.js}

@@ -1,5 +1,5 @@
 import { alpha as a } from "@mui/system";
-import { P as e, O as r, S as o } from "../theme/palette.c010be01.js";
+import { P as e, O as r, S as o } from "../theme/palette.1b577d8c.js";
 const u = (d, i) => {
   let t = {};
   switch (d) {