@m4l/styles 6.2.1 → 6.3.0

package/index.js

@@ -1,5 +1,5 @@
 import { D as o, g as a, m as r } from "./config-B8bZIPuH.js";
-import { O as p, g as m } from "./theme/index-CvuA5MdE.js";
+import { O as p, g as m } from "./theme/index-DjzBD6sn.js";
 import { c as O, s as x } from "./theme/shadows-BTb924yW.js";
 import { t as g } from "./theme/typography-BSiavZtl.js";
 import { f as S } from "./theme/overrides/index-Bc-JdivL.js";

package/package.json

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

package/theme/{index-CvuA5MdE.js → index-DjzBD6sn.js}

@@ -1,8 +1,8 @@
-import { createTheme as b, alpha as x } from "@mui/material/styles";
-import { T as h, t as c } from "./typography-BSiavZtl.js";
-import { s as O, c as R } from "./shadows-BTb924yW.js";
-import { C as n, D as m, B as r, P as d, a as e, S as a, G as u, b as f, c as t, d as _, e as S } from "./palette-C5yYre7Z.js";
-import { g as y } from "../utils/getColorPresets-CJ_S_BFb.js";
+import { createTheme as x, alpha as b } from "@mui/material/styles";
+import { T as O, t as n } from "./typography-BSiavZtl.js";
+import { s as h, c as R } from "./shadows-BTb924yW.js";
+import { C as c, D as d, B as r, P as m, a as e, S as a, G as u, b as f, c as t, d as S, e as _ } from "./palette-C5yYre7Z.js";
+import { g as E } from "../utils/getColorPresets-CJ_S_BFb.js";
 const p = {
   light: {
     scrollBar: "#5663763D",
@@ -12,17 +12,17 @@ const p = {
     scrollBar: "#5663765D",
     gridHover: "#282E2E"
   }
-}, L = (l) => {
-  const o = _?.[l], i = S?.[l];
+}, y = (l) => {
+  const o = S?.[l], i = _?.[l];
   return {
     light: {
       mode: "light",
-      common: n,
+      common: c,
       primary: {
         ...o
       },
       default: {
-        ...m,
+        ...d,
         focusVisible: o.focusVisible,
         contrastText: r.onyx[20]
       },
@@ -36,12 +36,12 @@ const p = {
         default: r.marbleLight[10],
         neutral: r.marbleLight[30],
         surface: r.marbleLight[50],
-        hover: m.hover,
+        hover: d.hover,
         //por compatibilidad de mui
         paper: ""
       },
       border: {
-        main: d[l]?.borderMainLight,
+        main: m[l]?.borderMainLight,
         default: e.oxford[40],
         secondary: e.oxford[30],
         dens: e.oxford[60],
@@ -76,7 +76,7 @@ const p = {
     },
     dark: {
       mode: "dark",
-      common: n,
+      common: c,
       primary: {
         ...i
       },
@@ -100,7 +100,7 @@ const p = {
         paper: ""
       },
       border: {
-        main: d[l]?.borderMainDark,
+        main: m[l]?.borderMainDark,
         default: e.mint[50],
         secondary: e.mint[40],
         dens: e.mint[60],
@@ -134,7 +134,10 @@ const p = {
       }
     }
   };
-}, E = {
+}, L = {
+  actionInput: "1.3px solid",
+  container: "1px solid"
+}, T = {
   r0: "0px",
   "r0.5": "2px",
   r1: "4px",
@@ -178,7 +181,7 @@ const p = {
     medium: s.sp8,
     large: s.sp9
   }
-}, T = {
+}, V = {
   base: {
     small: s.sp5,
     medium: s.sp6,
@@ -194,34 +197,37 @@ const p = {
     medium: s.sp10,
     large: s.sp11
   }
-}, V = {
+}, A = {
   desktop: {
     ...C
   },
   mobile: {
-    ...T
+    ...V
   },
   borderRadius: {
-    ...E
+    ...T
   },
-  typography: h
-}, A = b(), g = L("patronus"), G = {
-  ...c,
-  ...O.light,
+  typography: O,
+  borderStroke: {
+    ...L
+  }
+}, P = x(), g = y("patronus"), k = {
+  ...n,
+  ...h.light,
   ...g,
   customShadows: {
-    primary: `0 8px 16px 0 ${x(y("patronus").main, 0.2)}`,
+    primary: `0 8px 16px 0 ${b(E("patronus").main, 0.2)}`,
     ...R("light")
   },
   stretch: !0,
   palette: {
-    ...A.palette,
+    ...P.palette,
     ...g.light
   },
-  typography: c,
-  size: V
+  typography: n,
+  size: A
 };
 export {
-  G as O,
-  L as g
+  k as O,
+  y as g
 };

package/theme/sizes/baseBorder.d.ts

@@ -0,0 +1,2 @@
+import { BaseBorderStroke } from "./types";
+export declare const BASE_BORDER_STROKE: BaseBorderStroke;

package/theme/sizes/types.d.ts

@@ -59,9 +59,12 @@ export declare type SizesComponentsTypes = 'base' | 'action' | 'container';
 */
 export declare type PointerQrSizes = Record<SizesComponentsTypes, SizesValues>;
 /**
- * Representa las opciones de tamaño para los dispositivos desktop y mobile en la aplicación web,
- * cada opción contiene el grupo PointerQrSizes adecuados al tipo de dispositivo según figma.
-**/
+ * Representa las opciones de grosor para los bordes de los componentes de la aplicación web.
+*/
+export interface BaseBorderStroke {
+    'actionInput': string;
+    'container': string;
+}
 /**
  * Representa la coleccción completa de tamaños y espacios en la aplicación, contiene valores para
  * uso de dispositivo móvil, escritorio, borders y valores base para ser usados por el desarrolador
@@ -72,4 +75,5 @@ export interface Size {
     desktop: PointerQrSizes;
     borderRadius: BaseBorderRadius;
     typography: Typography;
+    borderStroke: BaseBorderStroke;
 }