@m4l/styles 6.4.0 → 6.4.1

package/theme/{shadows-BTb924yW.js → shadows.js}

@@ -1,7 +1,9 @@
-import { alpha as a } from "@mui/material/styles";
-import { G as n, B as s, C as e } from "./palette-C5yYre7Z.js";
-const o = n[500], c = "#000000", t = (r) => {
-  const p = a(r, 0.2), x = a(r, 0.14), $ = a(r, 0.12);
+import { alpha as r } from "@mui/material/styles";
+import { G as s } from "./palette/greyPalette.js";
+import { B as t } from "./palette/baseColors.js";
+import { C as o } from "./palette/commonColors.js";
+const e = s[500], c = "#000000", n = (a) => {
+  const p = r(a, 0.2), x = r(a, 0.14), $ = r(a, 0.12);
   return [
     "none",
     `0px 2px 1px -1px ${p},0px 1px 1px 0px ${x},0px 1px 3px 0px ${$}`,
@@ -29,25 +31,25 @@ const o = n[500], c = "#000000", t = (r) => {
     `0px 11px 14px -7px ${p},0px 23px 36px 3px ${x},0px 9px 44px 8px ${$}`,
     `0px 11px 15px -7px ${p},0px 24px 38px 3px ${x},0px 9px 46px 8px ${$}`
   ];
-}, i = (r) => {
+}, l = (a) => {
   const p = {
-    info: `0px 2px 8px 0px ${a(s.patronusBlue[50], 0.2)}`,
-    secondary: `0px 2px 8px 0px ${a(s.patronusBlue[50], 0.24)}`,
-    success: `0px 2px 8px 0px ${a(s.acidGreen[50], 0.2)}`,
-    warning: `0px 2px 8px 0px ${a(s.middleYellow[50], 0.2)}`,
-    error: `0px 2px 8px 0px ${a(s.flameRed[50], 0.2)}`,
+    info: `0px 2px 8px 0px ${r(t.patronusBlue[50], 0.2)}`,
+    secondary: `0px 2px 8px 0px ${r(t.patronusBlue[50], 0.24)}`,
+    success: `0px 2px 8px 0px ${r(t.acidGreen[50], 0.2)}`,
+    warning: `0px 2px 8px 0px ${r(t.middleYellow[50], 0.2)}`,
+    error: `0px 2px 8px 0px ${r(t.flameRed[50], 0.2)}`,
     //
-    card: `0 0 2px 0 ${a(n[500], 0.2)}, 0 12px 24px -4px ${a(
-      n[500],
+    card: `0 0 2px 0 ${r(s[500], 0.2)}, 0 12px 24px -4px ${r(
+      s[500],
       0.12
     )}`,
-    dialog: `-40px 40px 80px -8px ${a(e.black, 0.24)}`,
-    dropdown: `0 0 2px 0 ${a(n[500], 0.24)}, -20px 20px 40px -4px ${a(
-      n[500],
+    dialog: `-40px 40px 80px -8px ${r(o.black, 0.24)}`,
+    dropdown: `0 0 2px 0 ${r(s[500], 0.24)}, -20px 20px 40px -4px ${r(
+      s[500],
       0.24
     )}`
   };
-  return r === "light" ? {
+  return a === "light" ? {
     z1: "0px 0px 03px 1px rgba(9, 30, 66, 0.12)",
     z2: "0px 0px 4px 2px rgba(73, 88, 89, 0.14)",
     z3: "0px 0px 8px 2px rgba(36, 59, 70, 0.14)",
@@ -60,11 +62,11 @@ const o = n[500], c = "#000000", t = (r) => {
     z4: "0px 0px 18px 6px rgba(9, 10, 10, 0.65)",
     ...p
   };
-}, l = {
-  light: t(o),
-  dark: t(c)
+}, O = {
+  light: n(e),
+  dark: n(c)
 };
 export {
-  i as c,
-  l as s
+  l as c,
+  O as s
 };

package/theme/sizes/baseBorder.d.ts

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

package/theme/sizes/baseBorder.js

@@ -0,0 +1,7 @@
+const o = {
+  actionInput: "1.3px solid",
+  container: "1px solid"
+};
+export {
+  o as B
+};

package/theme/sizes/baseBorderRadius.d.ts

@@ -1,6 +1,6 @@
-import { BaseBorderRadius } from "./types";
+import { BaseBorderRadius } from './types';
 /**
  * Conjunto de valores predeterminados utilizados para definir el radio de borde en los
  * componentes de la aplicación web.
-*/
+ */
 export declare const BASE_BORDER_RADIUS: BaseBorderRadius;

package/theme/sizes/baseBorderRadius.js

@@ -0,0 +1,12 @@
+const p = {
+  r0: "0px",
+  "r0.5": "2px",
+  r1: "4px",
+  "r1.5": "6px",
+  r2: "8px",
+  r3: "12px",
+  r4: "16px"
+};
+export {
+  p as B
+};

package/theme/sizes/baseSizes.d.ts

@@ -1,5 +1,5 @@
-import { BaseSpacings } from "./types";
+import { BaseSpacings } from './types';
 /**
  * Conjunto de valores predeterminados utilizados para definir el tamaño y espaciados en los componentes de la aplicación web.
-*/
+ */
 export declare const BASE_SPACINGS: BaseSpacings;

package/theme/sizes/baseSizes.js

@@ -0,0 +1,24 @@
+const p = {
+  sp0: "0px",
+  "sp0.5": "2px",
+  sp1: "4px",
+  sp2: "8px",
+  sp3: "12px",
+  "sp3.5": "14px",
+  sp4: "16px",
+  sp5: "20px",
+  sp6: "24px",
+  sp7: "28px",
+  sp8: "32px",
+  sp9: "36px",
+  sp10: "40px",
+  "sp10.5": "42px",
+  sp11: "44px",
+  sp12: "48px",
+  sp13: "52px",
+  sp14: "56px",
+  "sp14.5": "58px"
+};
+export {
+  p as B
+};

package/theme/sizes/index.js

@@ -0,0 +1 @@
+

package/theme/sizes/pointerQr.d.ts

@@ -1,4 +1,4 @@
-import { PointerQrSizes } from "./types";
+import { PointerQrSizes } from './types';
 /**
  * Conjunto de valores que utilizan los desarrolladores para definir categorías de tamaños y espacios en la aplicación web, aplicados principalmente en modalidad de cursor 'pointer'.
  *

package/theme/sizes/pointerQr.js

@@ -0,0 +1,38 @@
+import { B as s } from "./baseSizes.js";
+const m = {
+  base: {
+    small: s["sp3.5"],
+    medium: s.sp4,
+    large: s.sp5
+  },
+  action: {
+    small: s.sp5,
+    medium: s.sp6,
+    large: s.sp8
+  },
+  container: {
+    small: s.sp7,
+    medium: s.sp8,
+    large: s.sp9
+  }
+}, p = {
+  base: {
+    small: s.sp5,
+    medium: s.sp6,
+    large: s.sp7
+  },
+  action: {
+    small: s.sp7,
+    medium: s.sp8,
+    large: s.sp9
+  },
+  container: {
+    small: s.sp9,
+    medium: s.sp10,
+    large: s.sp11
+  }
+};
+export {
+  m as P,
+  p as a
+};

package/theme/sizes/size.d.ts

@@ -1,2 +1,2 @@
-import { Size } from "./types";
+import { Size } from './types';
 export declare const SIZE: Size;

package/theme/sizes/size.js

@@ -0,0 +1,26 @@
+import { T as o } from "../typography/typography.js";
+import { B as r } from "./baseBorder.js";
+import { B as S } from "./baseBorderRadius.js";
+import { B as E } from "./baseSizes.js";
+import { P as a, a as s } from "./pointerQr.js";
+const B = {
+  desktop: {
+    ...a
+  },
+  mobile: {
+    ...s
+  },
+  borderRadius: {
+    ...S
+  },
+  typography: o,
+  borderStroke: {
+    ...r
+  },
+  baseSpacings: {
+    ...E
+  }
+};
+export {
+  B as S
+};

package/theme/sizes/types.d.ts

@@ -1,75 +1,71 @@
-/**
- * Conjunto de valores predeterminados utilizados para definir el radio de borde en los
- * componentes de la aplicación web.
-*/
-import { Typography } from "../typography/types";
+import { Typography } from '../typography/types';
 export interface BaseBorderRadius {
-    'r0': string;
+    r0: string;
     'r0.5': string;
-    'r1': string;
+    r1: string;
     'r1.5': string;
-    'r2': string;
-    'r3': string;
-    'r4': string;
+    r2: string;
+    r3: string;
+    r4: string;
 }
 /**
  * Conjunto de valores predeterminados utilizados para definir el tamaño y espaciados en los componentes de la aplicación web.
-*/
+ */
 export interface BaseSpacings {
-    'sp0': string;
+    sp0: string;
     'sp0.5': string;
-    'sp1': string;
-    'sp2': string;
-    'sp3': string;
+    sp1: string;
+    sp2: string;
+    sp3: string;
     'sp3.5': string;
-    'sp4': string;
-    'sp5': string;
-    'sp6': string;
-    'sp7': string;
-    'sp8': string;
-    'sp9': string;
-    'sp10': string;
+    sp4: string;
+    sp5: string;
+    sp6: string;
+    sp7: string;
+    sp8: string;
+    sp9: string;
+    sp10: string;
     'sp10.5': string;
-    'sp11': string;
-    'sp12': string;
-    'sp13': string;
-    'sp14': string;
+    sp11: string;
+    sp12: string;
+    sp13: string;
+    sp14: string;
     'sp14.5': string;
 }
 /**
  * type usado para tipar las props sizes de los componentes o sus derivaciones
  */
-export declare type Sizes = 'small' | 'medium' | 'large';
+export type Sizes = 'small' | 'medium' | 'large';
 /**
  * Representa al conjunto de valores de tamaño que tienen en cuenta la variación de tamaño en la aplicación web.
  * Puede ser small, medium y large.
-*/
-export declare type SizesValues = Record<Sizes, string>;
+ */
+export type SizesValues = Record<Sizes, string>;
 /**
  * Representa a los conjuntos de valores que utilizan los desarroladores para definir diferentes categorías de componentes en tamaños y espacios.
  * base: Es la clasificación de altura para componentes de tipo general, los cuales no son de categoría de acción ni de categoría contenedora.
  * action: Es la clasificación de altura para componentes de tipo acción, los cuales son MenuItems, HeaderPopover, IconButton, Button, etc.
  * container: Es la clasificación de altura para componentes de tipo contenedor, los cuales son DinamicFilter, DinamicSort, HeaderModule, Tabs, etc.
-*/
-export declare type SizesComponentsTypes = 'base' | 'action' | 'container';
+ */
+export type SizesComponentsTypes = 'base' | 'action' | 'container';
 /**
  * Representa el conjunto de tamaños separados en categorías de componentes para la aplicación web.
  * Se dividen en los siguientes tipos; base, action y container. Cada opción de categoría define
  * los tamaños que pueden ser small, medium y large.
-*/
-export declare type PointerQrSizes = Record<SizesComponentsTypes, SizesValues>;
+ */
+export type PointerQrSizes = Record<SizesComponentsTypes, SizesValues>;
 /**
  * Representa las opciones de grosor para los bordes de los componentes de la aplicación web.
-*/
+ */
 export interface BaseBorderStroke {
-    'actionInput': string;
-    'container': string;
+    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
  * en los componentes de la aplicación web.
-*/
+ */
 export interface Size {
     mobile: PointerQrSizes;
     desktop: PointerQrSizes;

package/theme/sizes/types.js

@@ -0,0 +1 @@
+

package/theme/typography/baseFontSize.d.ts

@@ -1,2 +1,2 @@
-import { BaseFontSize } from "./types";
+import { BaseFontSize } from './types';
 export declare const BASE_FONT_SIZE: BaseFontSize;

package/theme/typography/baseFontSize.js

@@ -0,0 +1,56 @@
+const p = {
+  pt10: "10px",
+  pt11: "11px",
+  pt12: "12px",
+  pt13: "13px",
+  pt14: "14px",
+  pt15: "15px",
+  pt16: "16px",
+  pt17: "17px",
+  pt18: "18px",
+  pt19: "19px",
+  pt20: "20px",
+  pt21: "21px",
+  pt22: "22px",
+  pt23: "23px",
+  pt24: "24px",
+  pt25: "25px",
+  pt26: "26px",
+  pt27: "27px",
+  pt28: "28px",
+  pt29: "29px",
+  pt30: "30px",
+  pt31: "31px",
+  pt32: "32px",
+  pt33: "33px",
+  pt34: "34px",
+  pt35: "35px",
+  pt36: "36px",
+  pt37: "37px",
+  pt38: "38px",
+  pt39: "39px",
+  pt40: "40px",
+  pt41: "41px",
+  pt42: "42px",
+  pt43: "43px",
+  pt44: "44px",
+  pt45: "45px",
+  pt46: "46px",
+  pt47: "47px",
+  pt48: "48px",
+  pt49: "49px",
+  pt50: "50px",
+  pt51: "51px",
+  pt52: "52px",
+  pt53: "53px",
+  pt54: "54px",
+  pt55: "55px",
+  pt56: "56px",
+  pt57: "57px",
+  pt58: "58px",
+  pt59: "59px",
+  pt60: "60px"
+};
+export {
+  p as B
+};

package/theme/typography/baseLetterSpacing.d.ts

@@ -1,2 +1,2 @@
-import { BaseLetterSpacing } from "./types";
+import { BaseLetterSpacing } from './types';
 export declare const BASE_LETTER_SPACING: BaseLetterSpacing;

package/theme/typography/baseLetterSpacing.js

@@ -0,0 +1,6 @@
+const E = {
+  "0.5": "0.5px"
+};
+export {
+  E as B
+};

package/theme/typography/baseLineHeight.d.ts

@@ -1,2 +1,2 @@
-import { BaseLineHeight } from "./types";
+import { BaseLineHeight } from './types';
 export declare const BASE_LINE_HEIGHT: BaseLineHeight;

package/theme/typography/baseLineHeight.js

@@ -0,0 +1,12 @@
+const p = {
+  lh1: "14px",
+  lh2: "16px",
+  lh3: "20px",
+  lh4: "24px",
+  lh5: "28px",
+  lh6: "32px",
+  auto: "auto"
+};
+export {
+  p as B
+};

package/theme/typography/baseWeight.d.ts

@@ -1,2 +1,2 @@
-import { BaseWeight } from "./types";
+import { BaseWeight } from './types';
 export declare const BASE_WEIGHT: BaseWeight;

package/theme/typography/baseWeight.js

@@ -0,0 +1,8 @@
+const e = {
+  regular: 500,
+  dens: 700,
+  number: 0
+};
+export {
+  e as B
+};

package/theme/typography/types.d.ts

@@ -1,7 +1,7 @@
-import { Sizes } from "../sizes";
+import { Sizes } from '../sizes';
 /**
  * Conjunto predefinido de tamaños para textos en la aplicación web.
-*/
+ */
 export interface BaseFontSize {
     pt10: string;
     pt11: string;
@@ -57,17 +57,17 @@ export interface BaseFontSize {
 }
 /**
  * Lista de variantes semánticas en tipografía que se pueden utilizar en la aplicación web.
-*/
-export declare type TypographyVariants = 'h1' | 'h2' | 'h3' | 'h5' | 'subtitle' | 'subtitleDens' | 'paragraph' | 'paragraphDens' | 'body' | 'bodyDens';
+ */
+export type TypographyVariants = 'h1' | 'h2' | 'h3' | 'h5' | 'subtitle' | 'subtitleDens' | 'paragraph' | 'paragraphDens' | 'body' | 'bodyDens';
 /**
-*  Representa los valores predefinidos para los espaciados entre caracteres en la aplicación web.
-*/
+ *  Representa los valores predefinidos para los espaciados entre caracteres en la aplicación web.
+ */
 export interface BaseLetterSpacing {
     '0.5': '0.5px';
 }
 /**
  * Lista de atributos css que se pueden aplicar a los textos en la aplicación web.
-*/
+ */
 export interface FontProperties {
     fontSize: string;
     lineHeight: string;
@@ -76,15 +76,15 @@ export interface FontProperties {
 }
 /**
  * Son los valores de tamaño para las diferentes variantes semánticas de tipografía.
-*/
-export declare type TypographySizesValues = Record<TypographyVariants, FontProperties>;
+ */
+export type TypographySizesValues = Record<TypographyVariants, FontProperties>;
 /**
  * Representa las condiciones de tamaño en la aplicación web y define los diferentes valores en las variantes semánticas de tipografía.
-*/
-export declare type TypographySizes = Record<Extract<Sizes, 'small' | 'medium'>, TypographySizesValues>;
+ */
+export type TypographySizes = Record<Extract<Sizes, 'small' | 'medium'>, TypographySizesValues>;
 /**
  * Representa el conjunto de opciones predefinidas para asignar las altura de línea en los textos de la aplicación web.
-*/
+ */
 export interface BaseLineHeight {
     lh1: string;
     lh2: string;
@@ -96,7 +96,7 @@ export interface BaseLineHeight {
 }
 /**
  * Representa el conjunto de opciones predefinidas para asginar los grosores de texto en la aplicación web.
-*/
+ */
 export interface BaseWeight {
     regular: number;
     dens: number;
@@ -104,7 +104,7 @@ export interface BaseWeight {
 }
 /**
  * Representa el conjunto con el que los desarrolladores seleccionan el tamaño de los direntes textos en la aplicación web.
-*/
+ */
 export interface Typography {
     mobile: TypographySizes;
     desktop: TypographySizes;

package/theme/typography/typography.d.ts

@@ -1,2 +1,2 @@
-import { Typography } from "./types";
+import { Typography } from './types';
 export declare const TYPOGRAPHY: Typography;

package/theme/typography/typography.js

@@ -0,0 +1,14 @@
+import { B as o } from "./baseLetterSpacing.js";
+import { B as E } from "./baseLineHeight.js";
+import { B as t } from "./baseWeight.js";
+import { T as r, a as S } from "./typographySizes.js";
+const a = {
+  mobile: r,
+  desktop: S,
+  lineHeight: E,
+  weight: t,
+  letterSpacing: o["0.5"]
+};
+export {
+  a as T
+};

package/theme/typography/typographySizes.d.ts

@@ -1,3 +1,3 @@
-import { TypographySizes } from "./types";
+import { TypographySizes } from './types';
 export declare const TYPOGRAPHY_SIZES_MOBILE: TypographySizes;
 export declare const TYPOGRAPHY_SIZES_DESKTOP: TypographySizes;