@m4l/components 4.1.1 → 4.1.2

package/index.js

@@ -1,4 +1,4 @@
-import { r, Y, bN, aQ, aS, aT, aR, aP, A, bL, bT, c3, j, o, n, k, Z, a1, bY, an, _, $, a9, aa, a0, aE, aG, aF, aI, aD, aC, aH, aJ, aB, bf, av, w, D, ap, aW, aL, b_, bZ, aM, bg, bi, aY, bU, bC, aN, b5, ab, I, b8, ac, t, b6, a2, b7, a3, b9, a4, bp, L, bX, br, ba, bc, bb, be, b$, a5, c5, bj, c4, M, c, b, bt, N, bw, bA, a6, bz, bB, ax, as, ad, bR, bQ, bS, ay, b4, P, bD, R, z, Q, K, C, E, G, J, F, U, V, X, c0, bE, aZ, bF, S, bW, bK, bG, ae, a8, ag, ai, ah, af, T, bH, bJ, al, am, aj, bV, ak, aq, bo, bn, l, W, a$, a_, b0, m, bI, aV, bm, bv, by, aX, aO, bO, bM, s, x, aU, a, aK, c1, au, ao, aw, at, az, aA, g, bq, bs, bl, bk, bu, bx, a7, H, B, y, O, ar, c9, b2, b1, c2, cc, u, c6, ca, cb, bd, bh, c7, bP, q, c8, p, d, e, v, h, i, f, b3 } from "./vendor-tlD-fre6.js";
+import { r, Y, bN, aQ, aS, aT, aR, aP, A, bL, bT, c3, j, o, n, k, Z, a1, bY, an, _, $, a9, aa, a0, aE, aG, aF, aI, aD, aC, aH, aJ, aB, bf, av, w, D, ap, aW, aL, b_, bZ, aM, bg, bi, aY, bU, bC, aN, b5, ab, I, b8, ac, t, b6, a2, b7, a3, b9, a4, bp, L, bX, br, ba, bc, bb, be, b$, a5, c5, bj, c4, M, c, b, bt, N, bw, bA, a6, bz, bB, ax, as, ad, bR, bQ, bS, ay, b4, P, bD, R, z, Q, K, C, E, G, J, F, U, V, X, c0, bE, aZ, bF, S, bW, bK, bG, ae, a8, ag, ai, ah, af, T, bH, bJ, al, am, aj, bV, ak, aq, bo, bn, l, W, a$, a_, b0, m, bI, aV, bm, bv, by, aX, aO, bO, bM, s, x, aU, a, aK, c1, au, ao, aw, at, az, aA, g, bq, bs, bl, bk, bu, bx, a7, H, B, y, O, ar, c9, b2, b1, c2, cc, u, c6, ca, cb, bd, bh, c7, bP, q, c8, p, d, e, v, h, i, f, b3 } from "./vendor-frAXUcQ5.js";
 export {
   r as AREAS_DICTIONARY_ID,
   Y as Accordion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "license": "UNLICENSED",
   "lint-staged": {
     "src/**/*.{js,ts,jsx,tsx}": "eslint --max-warnings=0 --fix",

package/{vendor-tlD-fre6.js → vendor-frAXUcQ5.js}

@@ -14,7 +14,7 @@ import { unstable_composeClasses } from "@mui/base";
 import { useForm, FormProvider, useFormContext, Controller, useWatch, useFormState, useController } from "react-hook-form";
 import { createStore, useStore } from "zustand";
 import { shallow } from "zustand/shallow";
-import { useResponsiveDesktop, useFirstRender, useResizeObserver, useResponsiveContainerStore, useIsMobile, useFormatter, useHostTheme, useLocales, useThemeSettingsStore, HostThemeProvider, FormatterProvider, LocalesProvider, getLocaleFromNetwork, ResponsiveContainerProvider } from "@m4l/graphics";
+import { useResponsiveDesktop, useFirstRender, useResizeObserver, useResponsiveContainerStore, useIsMobile, useFormatter, useHostTheme, useLocales, HostThemeProvider, FormatterProvider, LocalesProvider, getLocaleFromNetwork, ResponsiveContainerProvider } from "@m4l/graphics";
 import isString from "lodash/isString";
 import { useDropzone } from "react-dropzone";
 import * as Yup from "yup";
@@ -10661,8 +10661,9 @@ const toastStyles = {
       margin: "0",
       padding: "0",
       backgroundColor: theme.vars.palette.background.default,
-      boxShadow: theme.customShadows?.z3,
+      boxShadow: theme.customShadows?.z4,
       borderRadius: "4px",
+      border: `1px solid ${theme.vars.palette.border.primary}`,
       [theme.breakpoints.down(480)]: {
         margin: "1%",
         width: "98% !important"
@@ -10706,12 +10707,12 @@ const toastStyles = {
     "& .Toastify__progress-bar--warning": {},
     "& .Toastify__progress-bar--error": {}
   }),
-  messageRoot: {
+  messageRoot: ({ ownerState }) => ({
     display: "flex",
     flexDirection: "column",
     width: "100%",
-    padding: "4px"
-  },
+    padding: ownerState.hasDescription ? "4px" : "8px"
+  }),
   messageHeader: {
     width: "100%",
     display: "flex",
@@ -10734,15 +10735,14 @@ const toastStyles = {
   messageTitle: ({ theme }) => ({
     flex: 1,
     paddingLeft: "4px",
-    ...theme.colorSchemes.finalTheme.typography.bodyDens,
-    fontWeight: theme.colorSchemes.finalTheme.typography.fontWeightMedium,
+    ...theme.typography.bodyDens,
+    fontWeight: theme.typography.fontWeightMedium,
     color: theme.vars.palette.text.primary
   }),
   messageDescription: ({ theme }) => ({
-    ...theme.colorSchemes.finalTheme.typography.bodyDens,
-    fontWeight: theme.colorSchemes.finalTheme.typography.fontWeightRegular,
+    ...theme.typography.body,
     color: theme.vars.palette.text.primary,
-    padding: "0 4px 4px 30px"
+    padding: "4px 4px 4px 30px"
   }),
   messageCloseButton: {
     border: "none",
@@ -24365,7 +24365,7 @@ const SectionCommercial = (props) => {
 function MFAuthApp(props) {
   const { children, user, pwd } = props;
   const { isAuthenticated, isInitialized, login, user: authUser } = useAuth();
-  const isMobile = useThemeSettingsStore((state) => state.currentThemeSettings.isMobile, shallow);
+  const isMobile = useIsMobile();
   useEffect(() => {
     if (isInitialized && isAuthenticated === false) {
       login(user, pwd, false);