@m4l/styles 6.4.0 → 6.4.1

package/theme/overrides/MUIComponents/Typography.d.ts

@@ -1,5 +1,5 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Typography(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+export default function Typography(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiTypography: {
         defaultProps: {
             variantMapping: {

package/theme/overrides/MUIComponents/Typography.js

@@ -0,0 +1,23 @@
+function t(a) {
+  return {
+    MuiTypography: {
+      defaultProps: {
+        variantMapping: {
+          // Map the new variant to render a <h1> by default
+          subtitleDens: "span"
+        }
+      },
+      styleOverrides: {
+        paragraph: {
+          marginBottom: a.spacing(2)
+        },
+        gutterBottom: {
+          marginBottom: a.spacing(1)
+        }
+      }
+    }
+  };
+}
+export {
+  t as T
+};

package/theme/overrides/index.d.ts

@@ -1,2 +1,2 @@
-import type { Theme, CssVarsTheme } from '@mui/material/styles';
+import { Theme, CssVarsTheme } from '@mui/material/styles';
 export declare function fnComponentsOverrides(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): any;

package/theme/overrides/index.js

@@ -0,0 +1,213 @@
+import { A as r } from "./MUIComponents/Avatar.js";
+import { B as a } from "./MUIComponents/Button.js";
+import { I as i } from "./MUIComponents/IconButton.js";
+import { F as m } from "./MUIComponents/Fab.js";
+import { C as p } from "./MUIComponents/Card.js";
+import { M } from "./MUIComponents/Menu.js";
+import { L as s } from "./MUIComponents/Link.js";
+import { L as f } from "./MUIComponents/List.js";
+import { T as t } from "./MUIComponents/Table.js";
+import { B as L } from "./MUIComponents/Badge.js";
+import { P as n } from "./MUIComponents/Paper.js";
+import { c as l } from "./MUIComponents/Input.js";
+import { I as c } from "./MUIComponents/InputLabel.js";
+import { R as d } from "./MUIComponents/Radio.js";
+import { D as u } from "./MUIComponents/Drawer.js";
+import { S as B } from "./MUIComponents/Slider.js";
+import { S as g } from "./MUIComponents/Switch.js";
+import { S as P } from "./MUIComponents/SvgIcon.js";
+import { T } from "./MUIComponents/Tooltip.js";
+import { P as A } from "./MUIComponents/Popover.js";
+import { S as C } from "./MUIComponents/Stepper.js";
+import { D as F } from "./MUIComponents/DataGrid.js";
+import { S } from "./MUIComponents/Skeleton.js";
+import { B as b } from "./MUIComponents/Backdrop.js";
+import { P as I } from "./MUIComponents/Progress.js";
+import { T as R } from "./MUIComponents/Timeline.js";
+import { C as y } from "./MUIComponents/Checkbox.js";
+import { A as H } from "./MUIComponents/Accordion.js";
+import { T as v } from "./MUIComponents/Typography.js";
+import { P as D } from "./MUIComponents/Pagination.js";
+import { B as k } from "./MUIComponents/Breadcrumbs.js";
+import { B as x } from "./MUIComponents/ButtonGroup.js";
+import { C as w } from "./MUIComponents/CssBaseline.js";
+import { A as G } from "./MUIComponents/Autocomplete.js";
+import { T as V } from "./MUIComponents/ToggleButton.js";
+import { C as E } from "./MUIComponents/ControlLabel.js";
+import { L as N } from "./MUIComponents/LoadingButton.js";
+import { C as O } from "./MUIComponents/CmpDisenoTest.js";
+import { M as j } from "./M4LRHFComponents/M4LRHFTextFieldPassword.js";
+import { M as U } from "./M4LRHFComponents/M4LRHFTextField.js";
+import { M as q } from "./M4LExtendedComponents/M4LIcon.js";
+import { M as z } from "./M4LExtendedComponents/M4LIconButton.js";
+import { M as J } from "./M4LExtendedComponents/M4LanguagePopover.js";
+import { M as K } from "./M4LExtendedComponents/M4LImageButton.js";
+import { M as Q } from "./M4LExtendedComponents/M4LImage.js";
+import { M as W } from "./M4LExtendedComponents/M4LPopover.js";
+import { M as X } from "./M4LRHFComponents/M4LRHFCheckbox.js";
+import { M as Y } from "./M4LExtendedComponents/M4LErrorLabel.js";
+import { M as Z } from "./M4LExtendedComponents/M4LTypography.js";
+import { M as _ } from "./M4LExtendedComponents/M4LButton.js";
+import { M as $ } from "./M4LRHFComponents/M4LRHFAutocomplete.js";
+import { M as e } from "./M4LRHFComponents/M4LRHFAutocompleteAsync.js";
+import { M as h } from "./M4LExtendedComponents/M4LNavLink.js";
+import { M as oo } from "./M4LExtendedComponents/M4LSideBar.js";
+import { M as ro } from "./M4LExtendedComponents/M4LAreasAdmin.js";
+import { M as ao } from "./M4LExtendedComponents/M4LAreasViewer.js";
+import { M as io } from "./M4LExtendedComponents/M4LAppBar.js";
+import { M as mo } from "./M4LExtendedComponents/M4LAvatar.js";
+import { M as po } from "./M4LExtendedComponents/M4LAccountPopover.js";
+import { M as Mo } from "./M4LExtendedComponents/M4LModuleLayout.js";
+import { M as so } from "./M4LExtendedComponents/M4LMasterDetailLayout.js";
+import { M as fo } from "./M4LExtendedComponents/M4LSplitLayout.js";
+import { M as to } from "./M4LExtendedComponents/M4LCommonActions.js";
+import { M as Lo } from "./M4LRHFComponents/M4LRHFDateTime.js";
+import { M as no } from "./M4LExtendedComponents/M4LinearProgressIndeterminate.js";
+import { M as lo } from "./M4LExtendedComponents/M4LPropertyValue.js";
+import { M as co } from "./M4LExtendedComponents/M4LTab.js";
+import { M as uo } from "./M4LExtendedComponents/M4LAccordion.js";
+import { M as Bo } from "./M4LExtendedComponents/M4LRHFormProvider.js";
+import { M as go } from "./M4LRHFComponents/M4LRHFUploadImage.js";
+import { M as Po } from "./M4LExtendedComponents/M4LPeriod.js";
+import { M as To } from "./M4LRHFComponents/M4LRHFPeriod.js";
+import { M as Ao } from "./M4LExtendedComponents/M4LModalDialog.js";
+import { M as Co } from "./M4LExtendedComponents/M4LPaperForm.js";
+import { M as Fo } from "./M4LExtendedComponents/M4LTooltip.js";
+import { M as So } from "./M4LExtendedComponents/M4LBadge.js";
+import { M as bo } from "./M4LExtendedComponents/M4LDataGrid.js";
+import { M as Io } from "./M4LExtendedComponents/M4LPager.js";
+import { M as Ro } from "./M4LExtendedComponents/M4LCheckBox.js";
+import { M as yo } from "./M4LExtendedComponents/M4LStack.js";
+import { M as Ho } from "./M4LExtendedComponents/M4LTabs.js";
+import { M as vo } from "./M4LExtendedComponents/M4LNoItemSelected.js";
+import { M as Do } from "./M4LExtendedComponents/M4LScrollBar.js";
+import { M as ko } from "./M4LExtendedComponents/M4LGridLayout.js";
+import { M as xo } from "./M4LExtendedComponents/M4LTabContent.js";
+import { M as wo } from "./M4LExtendedComponents/M4LMenuActions.js";
+import { M as Go } from "./M4LExtendedComponents/M4LPrintingSystem.js";
+import { M as Vo } from "./M4LExtendedComponents/M4LFormatter.js";
+import { M as Eo } from "./M4LExtendedComponents/M4LoadingError.js";
+import { M as No } from "./M4LExtendedComponents/M4LMFLoader.js";
+import { M as Oo } from "./M4LRHFComponents/M4LRHFColorPicker.js";
+import { M as jo } from "./M4LExtendedComponents/M4LoadingButton.js";
+import { M as Uo } from "./M4LExtendedComponents/M4LPDFViewer.js";
+import { M as qo } from "./M4LExtendedComponents/M4LTopBar.js";
+import { M as zo } from "./M4LExtendedComponents/M4LAppBarCommercial.js";
+import { M as Jo } from "./M4LExtendedComponents/M4LSectionCommercial.js";
+import { M as Ko } from "./M4LExtendedComponents/M4LHamburgerMenuCommercial.js";
+import { M as Qo } from "./M4LExtendedComponents/M4LFieldLabel.js";
+import { M as Wo } from "./M4LExtendedComponents/M4LMap.js";
+import { M as Xo } from "./M4LExtendedComponents/M4LMapGpsTools.js";
+function Ua(o) {
+  return Object.assign(
+    m(o),
+    // Chip(theme),
+    p(o),
+    M(o),
+    s(o),
+    l(o),
+    c(),
+    d(o),
+    L(),
+    f(o),
+    t(o),
+    n(o),
+    // Alert(theme),
+    g(o),
+    // Select(theme),
+    a(o),
+    i(o),
+    // Rating(theme),
+    r(o),
+    B(o),
+    u(o),
+    C(o),
+    T(o),
+    A(),
+    P(),
+    y(o),
+    F(o),
+    S(o),
+    R(o),
+    // TreeView(theme),
+    b(o),
+    I(o),
+    H(o),
+    v(o),
+    D(o),
+    x(o),
+    k(o),
+    w(),
+    G(o),
+    E(o),
+    V(o),
+    N(o),
+    jo(o),
+    /* Owner components */
+    O(),
+    U(o),
+    j(),
+    $(o),
+    e(),
+    Lo(o),
+    Bo(),
+    go(o),
+    To(),
+    q(o),
+    z(o),
+    J(),
+    K(o),
+    h(o),
+    Q(),
+    So(o),
+    W(o),
+    X(o),
+    bo(o),
+    Y(o),
+    Z(o),
+    _(o),
+    oo(o),
+    io(o),
+    ro(o),
+    ao(o),
+    mo(o),
+    po(o),
+    Mo(),
+    so(o),
+    fo(o),
+    to(),
+    no(o),
+    lo(o),
+    co(o),
+    uo(o),
+    Po(o),
+    Ao(o),
+    Co(o),
+    Fo(o),
+    Io(o),
+    Ro(o),
+    yo(),
+    Ho(o),
+    vo(),
+    Do(o),
+    ko(),
+    xo(o),
+    wo(o),
+    Go(o),
+    Vo(o),
+    Eo(o),
+    No(),
+    Oo(o),
+    Uo(),
+    qo(o),
+    zo(o),
+    Jo(o),
+    Ko(),
+    Qo(o),
+    Xo(),
+    Wo(o)
+  );
+}
+export {
+  Ua as f
+};

package/theme/palette/baseColors.js

@@ -0,0 +1,395 @@
+const F = {
+  patronusBlue: {
+    toneOpacity10: "#EBF3FF",
+    // comprobado
+    toneOpacity20: "#263747",
+    // comprobado
+    10: "#DBE9FF",
+    // comprobado
+    20: "#B6D3FF",
+    // comprobado
+    30: "#6DA8FF",
+    // comprobado
+    40: "#3787FF",
+    // comprobado
+    50: "#0064FF",
+    // comprobado
+    60: "#0050C8",
+    // comprobado
+    70: "#003A92",
+    // comprobado
+    80: "#00245B",
+    // comprobado
+    90: "#000F24",
+    // comprobado
+    100: "#2C4053"
+    // Todo: Validar este color desde figma
+  },
+  crayonBlue: {
+    toneOpacity10: "#E5EEFC",
+    // comprobado
+    toneOpacity20: "#263543",
+    // comprobado
+    10: "#D7E6FC",
+    // comprobado
+    20: "#BBD4FA",
+    // comprobado
+    30: "#A4C6F9",
+    // comprobado
+    40: "#87B4F7",
+    // comprobado
+    50: "#5494F3",
+    // comprobado
+    60: "#2B7BF0",
+    // comprobado
+    70: "#1064E0",
+    // comprobado
+    80: "#0E56C2",
+    // comprobado
+    90: "#0A3F8F",
+    // comprobado
+    100: "#113366"
+    // Todo: Validar este color desde figma
+  },
+  middleYellow: {
+    toneOpacity10: "#FBF9E0",
+    // comprobado
+    toneOpacity20: "#3C4027",
+    // comprobado
+    10: "#FFFDE9",
+    // comprobado
+    20: "#FFFBC5",
+    // comprobado
+    30: "#FFF688",
+    // comprobado
+    40: "#FFF25A",
+    // comprobado
+    50: "#FFEF26",
+    // comprobado
+    60: "#EFDD00",
+    // comprobado
+    70: "#D0C000",
+    // comprobado
+    80: "#BBAD00",
+    // comprobado
+    90: "#877D00",
+    // comprobado
+    100: "#353100"
+    // Todo: Validar este color desde figma
+  },
+  acidGreen: {
+    toneOpacity10: "#E9F8E5",
+    // comprobado
+    toneOpacity20: "#2A3F2C",
+    // comprobado
+    10: "#ECFAEA",
+    // comprobado
+    20: "#C7F1BF",
+    // comprobado
+    30: "#A2E794",
+    // comprobado
+    40: "#7CDE69",
+    // comprobado
+    50: "#47CC2D",
+    // comprobado
+    60: "#3CAD26",
+    // comprobado
+    70: "#2E851D",
+    // comprobado
+    80: "#246617",
+    // comprobado
+    90: "#153D0E",
+    // comprobado
+    100: "#0B3D00"
+    // Todo: Validar este color desde figma
+  },
+  grassGreen: {
+    toneOpacity10: "#D9ECE6",
+    // comprobado
+    toneOpacity20: "#27423A",
+    // comprobado
+    10: "#E3F4EB",
+    // comprobado
+    20: "#AADEC2",
+    // comprobado
+    30: "#7BCCA1",
+    // comprobado
+    40: "#3FA26D",
+    // comprobado
+    50: "#00804C",
+    // comprobado
+    60: "#005B37",
+    // comprobado
+    70: "#004026",
+    // comprobado
+    80: "#002416",
+    // comprobado
+    90: "#00120B",
+    // comprobado
+    100: "#2C433D"
+    // Todo: Validar este color desde figma
+  },
+  desertBeige: {
+    toneOpacity10: "#F2F0EB",
+    // comprobado
+    toneOpacity20: "#454742",
+    // comprobado
+    10: "#F6EBE2",
+    // comprobado
+    20: "#EDD7C5",
+    // comprobado
+    30: "#E7CAB1",
+    // comprobado
+    40: "#DDB490",
+    // comprobado
+    50: "#D4A276",
+    // comprobado
+    60: "#BD8F68",
+    // comprobado
+    70: "#AD794C",
+    // comprobado
+    80: "#90653F",
+    // comprobado
+    90: "#735133",
+    // comprobado
+    100: "#454742"
+    // Todo: Validar este color desde figma
+  },
+  turquiBlue: {
+    toneOpacity10: "#DEE9EB",
+    // comprobado
+    toneOpacity20: "#314042",
+    // comprobado
+    10: "#C8E1EC",
+    // comprobado
+    20: "#A3CDDF",
+    // comprobado
+    30: "#76A5BA",
+    // comprobado
+    40: "#377F9D",
+    // comprobado
+    50: "#2A6077",
+    // comprobado
+    60: "#214C5F",
+    // comprobado
+    70: "#1B3F4E",
+    // comprobado
+    80: "#15313C",
+    // comprobado
+    90: "#0F232B",
+    // comprobado
+    100: "#314042"
+    // Todo: Validar este color desde figma
+  },
+  blazeOrange: {
+    toneOpacity10: "#F4EFE1",
+    // comprobado
+    toneOpacity20: "#474638",
+    // comprobado
+    10: "#F9E9D0",
+    // comprobado
+    20: "#F4D3A1",
+    // comprobado
+    30: "#F2BD6D",
+    // comprobado
+    40: "#EBAE53",
+    // comprobado
+    50: "#E59722",
+    // comprobado
+    60: "#BA7916",
+    // comprobado
+    70: "#925F11",
+    // comprobado
+    80: "#774D0E",
+    // comprobado
+    90: "#55370A",
+    // comprobado
+    100: "#474638"
+    // Todo: Validar este color desde figma
+  },
+  flameRed: {
+    toneOpacity10: "#FCDEDC",
+    // comprobado
+    toneOpacity20: "#3E3231",
+    // comprobado
+    10: "#FCDEDC",
+    // comprobado
+    20: "#F9BDB9",
+    // comprobado
+    30: "#F79D96",
+    // comprobado
+    40: "#F47C73",
+    // comprobado
+    50: "#F15B50",
+    // comprobado
+    60: "#EE382B",
+    // comprobado
+    70: "#D01E11",
+    // comprobado
+    80: "#8A0F0F",
+    // Todo: Validar este color desde figma
+    90: "#660C0C",
+    // Todo: Validar este color desde figma
+    100: "#660C0C"
+    // Todo: Validar este color desde figma
+  },
+  coolGrey: {
+    toneOpacity10: "#",
+    // No aplica
+    toneOpacity20: "#",
+    // No aplica
+    10: "#BAC6CC",
+    // comprobado
+    20: "#A7B4B9",
+    // comprobado
+    30: "#94A1A6",
+    // comprobado
+    40: "#818F93",
+    // comprobado
+    50: "#687180",
+    // comprobado
+    60: "#5C696C",
+    // comprobado
+    70: "#495859",
+    // comprobado
+    80: "#364546",
+    // comprobado
+    90: "#233333",
+    // comprobado
+    100: "#233333"
+    // Todo: Validar este color desde figma
+  },
+  brown: {
+    toneOpacity10: "#ECEAE6",
+    // comprobado
+    toneOpacity20: "#43433E",
+    // comprobado
+    10: "#DFC9BD",
+    // comprobado
+    20: "#C59D88",
+    // comprobado
+    30: "#B8886E",
+    // comprobado
+    40: "#B17D61",
+    // comprobado
+    50: "#9E694D",
+    // comprobado
+    60: "#875A42",
+    // comprobado
+    70: "#7C533D",
+    // comprobado
+    80: "#704B37",
+    // comprobado
+    90: "#654432",
+    // comprobado
+    100: "#3F413D"
+    // Todo: Validar este color desde figma
+  },
+  marbleLight: {
+    toneOpacity10: "#",
+    // No aplica
+    toneOpacity20: "#",
+    // No aplica
+    10: "#FFFFFF",
+    // comprobado
+    20: "#F9FAFA",
+    // comprobado
+    30: "#F4F5F5",
+    // comprobado
+    40: "#F0F4F4",
+    // comprobado
+    50: "#E6E8EA",
+    // comprobado
+    60: "#E1E9EA",
+    // comprobado
+    70: "#E2E7E9",
+    // comprobado
+    80: "#fff0",
+    // Todo: Validar este color desde figma
+    90: "#fff0",
+    // Todo: Validar este color desde figma
+    100: "#fff0"
+    // Todo: Validar este color desde figma
+  },
+  onyx: {
+    toneOpacity10: "#",
+    // No aplica
+    toneOpacity20: "#",
+    // No aplica
+    10: "#364040",
+    // comprobado
+    20: "#323B3B",
+    // comprobado
+    30: "#2A3232",
+    // comprobado
+    40: "#252C2C",
+    // comprobado
+    50: "#212727",
+    // comprobado
+    60: "#1C212",
+    // comprobado
+    70: "#090A0A",
+    // comprobado
+    80: "#fff0",
+    // Todo: Validar este color desde figma
+    90: "#fff0",
+    // Todo: Validar este color desde figma
+    100: "#fff0"
+    // Todo: Validar este color desde figma
+  },
+  mint: {
+    toneOpacity10: "#",
+    // No aplica
+    toneOpacity20: "#",
+    // No aplica
+    10: "#9BB4CA",
+    // comprobado
+    20: "#A1BDD9",
+    // comprobado
+    30: "#A6C5E2",
+    // comprobado
+    40: "#BCD6F0",
+    // comprobado
+    50: "#C8E1F9",
+    // comprobado
+    60: "#BFDBF8",
+    // comprobado
+    70: "#C3DEFE",
+    // comprobado
+    80: "#DFE7F2",
+    // comprobado
+    90: "#F1F2F4",
+    // comprobado
+    100: "#F1F2F4"
+    // Todo: Validar este color desde figma
+  },
+  oxford: {
+    toneOpacity10: "#F9FAFA",
+    // comprobado
+    toneOpacity20: "#2A3232",
+    // comprobado
+    10: "#F7F8F9",
+    // comprobado
+    20: "#DCDFE4",
+    // comprobado
+    30: "#A7ADB8",
+    // comprobado
+    40: "#8590A2",
+    // comprobado
+    50: "#758195",
+    // comprobado
+    60: "#626F86",
+    // comprobado
+    70: "#44546F",
+    // comprobado
+    80: "#2C3E5D",
+    // comprobado
+    90: "#091E42",
+    // comprobado
+    100: "#091E42"
+    // Todo: Validar este color desde figma
+  }
+};
+export {
+  F as B
+};

package/theme/palette/baseOpacityColors.d.ts

@@ -1,5 +1,5 @@
-import type { BaseOpacityPalettes, OpacityColors } from '../../types';
+import { BaseOpacityPalettes, OpacityColors } from '../../types';
 /**
  * Paleta de colores con opacidad
-*/
+ */
 export declare const BASE_OPACITY_COLORS: Record<BaseOpacityPalettes, OpacityColors>;