@m4l/components 9.1.131 → 9.1.133

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.131",
+  "version": "9.1.133",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
@@ -54,9 +54,9 @@
     "zustand": "4.3.6"
   },
   "peerDependencies": {
-    "@m4l/core": "^2.0.17",
-    "@m4l/graphics": "^7.0.8",
-    "@m4l/styles": "^7.1.18",
+    "@m4l/core": "^2.0.0",
+    "@m4l/graphics": "^7.0.0",
+    "@m4l/styles": "^7.0.0",
     "@mui/lab": "5.0.0-alpha.173",
     "@mui/material": "5.16.7",
     "@mui/x-date-pickers": "6.20.2"

package/utils/getSizeStyles/getSizeStyles.d.ts

@@ -16,7 +16,6 @@ export declare const getHeightSizeStyles: (isMobile: boolean, size: Extract<Size
 /**
  * Utilidad que se encarga de obtener los estilos de tamaño para ser usados en el css de los componentes.
  * @param theme - Objeto de tema de MUI.
- * @param isMobile - Modalidad de dispositivo en el que se encuentra la aplicación (Escritorio y móvil). Se espera que se obtenga del objeto
  * theme.generalSettings.isMobile.
  * @param size - Formato de tamaño definido por el componente o el contexto de AppearanceComponentProvider, puede ser small,
  * medium o large.
@@ -25,4 +24,4 @@ export declare const getHeightSizeStyles: (isMobile: boolean, size: Extract<Size
  * @param property - Propiedad CSS que se desea aplicar (por defecto es 'height').
  * @returns Objeto con los estilos calculados.
  */
-export declare const getSizeStyles: (theme: Theme, isMobile: boolean, size: Extract<Sizes, "small" | "medium">, variantSize: SizesComponentsTypes, css?: Record<string, any> | ((sizeValue: string | number) => Record<string, any>), property?: "height" | "width") => any;
+export declare const getSizeStyles: (theme: Theme, size: Extract<Sizes, "small" | "medium">, variantSize: SizesComponentsTypes, css?: Record<string, any> | ((sizeValue: string | number) => Record<string, any>), property?: "height" | "width") => any;

package/utils/getSizeStyles/getSizeStyles.js

@@ -8,8 +8,8 @@ const getHeightSizeStyles = (isMobile, size, variantSize, css) => {
     ...resolvedCss
   };
 };
-const getSizeStyles = (theme, isMobile, size, variantSize, css, property = "height") => {
-  const sizeValue = theme.vars.size[isMobile ? "mobile" : "desktop"][size][variantSize];
+const getSizeStyles = (theme, size, variantSize, css, property = "height") => {
+  const sizeValue = theme.vars.size[theme.generalSettings.isMobile ? "mobile" : "desktop"][size][variantSize];
   const resolvedCss = typeof css === "function" ? css(sizeValue) : css;
   return {
     [property]: sizeValue,
@@ -17,6 +17,6 @@ const getSizeStyles = (theme, isMobile, size, variantSize, css, property = "heig
   };
 };
 export {
-  getSizeStyles as a,
-  getHeightSizeStyles as g
+  getHeightSizeStyles as a,
+  getSizeStyles as g
 };