@m4l/styles 3.2.2 → 6.0.0

package/theme/overrides/MUIComponents/{index.2b5bc914.js → index-DrBJTI1s.js}

@@ -1,11 +1,11 @@
-import { alpha as t } from "@mui/material";
+import { alpha as i } from "@mui/material";
 import { alpha as a } from "@mui/material/styles";
 function d(r) {
   return {
     MuiAvatar: {
       styleOverrides: {
         borderTop: "1.5px",
-        borderColor: r.vars.palette.border.default,
+        borderColor: r.vars.palette?.border.default,
         colorDefault: {
           color: r.vars.palette.text.secondary,
           backgroundColor: r.vars.palette.grey[400]
@@ -20,7 +20,7 @@ function d(r) {
           "&:first-of-type": {
             fontSize: 14,
             color: r.vars.palette.primary.main,
-            backgroundColor: r.vars.palette.primary.lighter
+            backgroundColor: r.vars.palette.primary.light
           }
         }
       }
@@ -43,6 +43,7 @@ function l(r) {
         sizeLarge: {
           height: 48
         },
+        // contained
         containedInherit: {
           color: r.vars.palette.grey[800],
           boxShadow: r.customShadows?.z1,
@@ -54,6 +55,7 @@ function l(r) {
         },
         containedPrimary: {
           boxShadow: r.customShadows?.z4
+          // color: theme.vars.palette.primary.contrastText,
         },
         containedSecondary: {
           boxShadow: r.customShadows?.secondary
@@ -70,9 +72,10 @@ function l(r) {
         containedError: {
           boxShadow: r.customShadows?.error
         },
+        // outlined
         outlinedInherit: {
           borderRadius: "4px",
-          border: `1px solid ${r.vars.palette.border.line}`,
+          border: `1px solid ${r.vars.palette?.border.default}`,
           "&:hover": {
             backgroundColor: r.vars.palette.action.hover,
             borderRadius: "4px"
@@ -92,6 +95,9 @@ function l(r) {
 function p(r) {
   return {
     MuiIconButton: {
+      // defaultProps: {
+      //   color: theme.vars.palette.text.primary,
+      // },
       styleOverrides: {
         root: {
           "&.MuiIconButton-sizeSmall": {
@@ -109,6 +115,9 @@ function p(r) {
             }
           }
         }
+        // colorDefault: {
+        //   color: theme.vars.palette.text.primary,
+        // }
       }
     }
   };
@@ -157,6 +166,7 @@ function c(r) {
           boxShadow: r.customShadows?.card,
           borderRadius: Number(r.shape.borderRadius) * 2,
           zIndex: 0
+          // Fix Safari overflow: hidden with border radius
         }
       }
     },
@@ -267,7 +277,7 @@ function y(r) {
         },
         head: {
           color: r.vars.palette.text.secondary,
-          backgroundColor: r.vars.palette.background.main,
+          backgroundColor: r.vars.palette.background.surface,
           "&:first-of-type": {
             paddingLeft: r.spacing(3),
             borderTopLeftRadius: r.shape.borderRadius,
@@ -283,7 +293,7 @@ function y(r) {
         },
         stickyHeader: {
           backgroundColor: r.vars.palette.background.paper,
-          backgroundImage: `linear-gradient(to bottom, ${r.vars.palette.background.main} 0%, ${r.vars.palette.background.main} 100%)`
+          backgroundImage: `linear-gradient(to bottom, ${r.vars.palette.background.surface} 0%, ${r.vars.palette.background.surface} 100%)`
         },
         body: {
           "&:first-of-type": {
@@ -332,7 +342,7 @@ function y(r) {
     }
   };
 }
-function M(r) {
+function f(r) {
   return {
     MuiBadge: {
       styleOverrides: {
@@ -341,12 +351,13 @@ function M(r) {
           width: "16px",
           height: "16px",
           borderRadius: "50%"
+          //background: "red",
         }
       }
     }
   };
 }
-function f(r) {
+function M(r) {
   return {
     MuiPaper: {
       defaultProps: {
@@ -355,7 +366,7 @@ function f(r) {
       variants: [
         {
           props: { variant: "outlined" },
-          style: { borderColor: r.vars.palette.border.line }
+          style: { borderColor: r.vars.palette?.border.default }
         }
       ],
       styleOverrides: {
@@ -363,6 +374,7 @@ function f(r) {
           backgroundImage: "none",
           backgroundColor: r.vars.palette.background.default,
           borderRadius: "2px",
+          /* Stack */
           "& .MuiStack-root .MuiMenuItem-root": {
             color: r.vars.palette.text.primary,
             transition: "all .5s",
@@ -372,19 +384,20 @@ function f(r) {
           "& .MuiStack-root .MuiMenuItem-root:hover": {
             color: r.vars.palette.primary?.hover,
             transition: "all .5s",
-            backgroundColor: r.vars.palette.primary?.activeOpacity
+            backgroundColor: r.vars.palette.primary.opacity
           },
           "& .MuiStack-root .MuiMenuItem-root.Mui-selected": {
-            color: r.vars.palette.primary?.active,
+            color: r.vars.palette.primary.focusActive,
             transition: "all .5s",
-            backgroundColor: r.vars.palette.primary?.activeOpacity
+            backgroundColor: r.vars.palette.primary.opacity
           },
           "& .MuiStack-root .MuiMenuItem-root:focus": {
-            color: r.vars.palette.primary?.focus,
+            color: r.vars.palette.primary.focusActive,
             transition: "all .5s",
             backgroundColor: r.vars.palette.background.default,
-            boxShadow: `0 0 0 1px ${r.vars.palette.primary?.focus}`
+            boxShadow: `0 0 0 1px ${r.vars.palette.primary.focusActive}`
           },
+          /* Autocomplete Listbox */
           "& .MuiAutocomplete-listbox .MuiAutocomplete-option": {
             color: r.vars.palette.text.primary,
             transition: "all .5s",
@@ -394,18 +407,18 @@ function f(r) {
           "& .MuiAutocomplete-listbox .MuiAutocomplete-option:hover": {
             color: r.vars.palette.primary?.hover,
             transition: "all .5s",
-            backgroundColor: r.vars.palette.primary?.activeOpacity
+            backgroundColor: r.vars.palette.primary.opacity
           },
           "& .MuiAutocomplete-listbox .MuiAutocomplete-option.Mui-selected": {
-            color: r.vars.palette.primary?.active,
+            color: r.vars.palette.primary.focusActive,
             transition: "all .5s",
-            backgroundColor: r.vars.palette.primary?.activeOpacity
+            backgroundColor: r.vars.palette.primary.opacity
           },
           "& .MuiAutocomplete-listbox .MuiAutocomplete-option:active": {
-            color: r.vars.palette.primary?.focus,
+            color: r.vars.palette.primary.focusActive,
             transition: "all .5s",
             backgroundColor: r.vars.palette.background.default,
-            boxShadow: `0 0 0 1px ${r.vars.palette.primary?.focus}`
+            boxShadow: `0 0 0 1px ${r.vars.palette.primary.focusActive}`
           }
         }
       }
@@ -429,7 +442,7 @@ function h(r) {
       styleOverrides: {
         root: {
           height: "auto",
-          backgroundColor: r.vars.palette.background.default,
+          backgroundColor: r.vars.palette.background?.default,
           ...r.colorSchemes.finalTheme.typography.body2,
           borderRadius: "2px",
           padding: "4px",
@@ -447,11 +460,12 @@ function h(r) {
         }
       }
     },
+    /* Style input outline */
     MuiInput: {
       styleOverrides: {
         underline: {
           "&:before": {
-            borderBottomColor: r.vars.palette.border.line
+            borderBottomColor: r.vars.palette?.border?.default
           }
         }
       }
@@ -459,9 +473,9 @@ function h(r) {
     MuiFilledInput: {
       styleOverrides: {
         root: {
-          backgroundColor: r.vars.palette.border.line,
+          backgroundColor: r.vars.palette?.border?.default,
           "&:hover": {
-            backgroundColor: r.vars.palette.border.line
+            backgroundColor: r.vars.palette?.border?.default
           },
           "&.Mui-focused": {
             backgroundColor: r.vars.palette.action.focus
@@ -472,11 +486,12 @@ function h(r) {
         },
         underline: {
           "&:before": {
-            borderBottomColor: r.vars.palette.border.line
+            borderBottomColor: r.vars.palette?.border?.default
           }
         }
       }
     },
+    /* Estilos variante outlined */
     MuiOutlinedInput: {
       styleOverrides: {
         root: {
@@ -486,7 +501,7 @@ function h(r) {
             padding: r.spacing(1.5, 1.5)
           },
           "& .MuiOutlinedInput-notchedOutline": {
-            borderColor: r.vars.palette.border.line,
+            borderColor: r.vars.palette?.border?.default,
             fontSize: "0.875rem",
             height: "auto",
             minHeight: "24px",
@@ -538,7 +553,7 @@ function k(r) {
     }
   };
 }
-function m(r) {
+function S(r) {
   const o = r.colorSchemes.finalTheme.palette.mode === "light";
   return {
     MuiDrawer: {
@@ -547,22 +562,27 @@ function m(r) {
           "&.M4LSideBar-drawer": {
             test: "root",
             "& .MuiPaper-root": {
-              background: r.vars.palette.background.main,
+              background: r.vars.palette.background.surface,
               display: "flex",
               flexDirection: "row"
             }
+            /*  "& .MuiPaper-root": {
+                 borderRadius: "4px",
+                 backgroundColor: theme.vars.palette.primary.primaryOpacity,
+                 padding: "8px",
+             }, */
           }
         },
         modal: {
           '&[role="presentation"]': {
             "& .MuiDrawer-paperAnchorLeft": {
-              boxShadow: `8px 24px 24px 12px ${t(
+              boxShadow: `8px 24px 24px 12px ${i(
                 r.colorSchemes.finalTheme.palette.grey[900],
                 o ? 0.16 : 0.48
               )}`
             },
             "& .MuiDrawer-paperAnchorRight": {
-              boxShadow: `-8px 24px 24px 12px ${t(
+              boxShadow: `-8px 24px 24px 12px ${i(
                 r.colorSchemes.finalTheme.palette.grey[900],
                 o ? 0.16 : 0.48
               )}`
@@ -573,7 +593,7 @@ function m(r) {
     }
   };
 }
-function S(r) {
+function m(r) {
   const o = r.colorSchemes.finalTheme.palette.mode === "light";
   return {
     MuiSlider: {
@@ -646,7 +666,7 @@ function w(r) {
     }
   };
 }
-function O(r) {
+function T(r) {
   const o = r.colorSchemes.finalTheme.palette.mode === "light";
   return {
     MuiTooltip: {
@@ -661,7 +681,7 @@ function O(r) {
     }
   };
 }
-function T(r) {
+function O(r) {
   return {
     MuiPopover: {
       styleOverrides: {
@@ -693,7 +713,7 @@ function B(r) {
           },
           "& .MuiDataGrid-toolbarContainer": {
             padding: r.spacing(2),
-            backgroundColor: r.vars.palette.background.main,
+            backgroundColor: r.vars.palette.background.surface,
             "& .MuiButton-root": {
               marginRight: r.spacing(1.5),
               color: r.vars.palette.text.primary,
@@ -743,7 +763,7 @@ function B(r) {
               ...r.colorSchemes.finalTheme.typography.body,
               padding: r.spacing(0.75, 1),
               borderRadius: r.shape.borderRadius,
-              backgroundColor: r.vars.palette.background.main
+              backgroundColor: r.vars.palette.background.surface
             },
             "& .MuiSvgIcon-root": {
               right: 4
@@ -793,16 +813,16 @@ function I(r) {
   };
 }
 function L(r) {
-  const o = a(r.colorSchemes.finalTheme.palette.grey[900], 0.48), i = a(r.colorSchemes.finalTheme.palette.grey[900], 1);
+  const o = a(r.colorSchemes.finalTheme.palette.grey[900], 0.48), t = a(r.colorSchemes.finalTheme.palette.grey[900], 1);
   return {
     MuiBackdrop: {
       styleOverrides: {
         root: {
           background: [
             "rgb(22,28,36)",
-            `-moz-linear-gradient(75deg, ${o} 0%, ${i} 100%)`,
-            `-webkit-linear-gradient(75deg, ${o} 0%, ${i} 100%)`,
-            `linear-gradient(75deg, ${o} 0%, ${i} 100%)`
+            `-moz-linear-gradient(75deg, ${o} 0%, ${t} 100%)`,
+            `-webkit-linear-gradient(75deg, ${o} 0%, ${t} 100%)`,
+            `linear-gradient(75deg, ${o} 0%, ${t} 100%)`
           ],
           "&.MuiBackdrop-invisible": {
             background: "transparent"
@@ -812,7 +832,7 @@ function L(r) {
     }
   };
 }
-function P(r) {
+function A(r) {
   const o = r.colorSchemes.finalTheme.palette.mode === "light";
   return {
     MuiLinearProgress: {
@@ -825,7 +845,7 @@ function P(r) {
           borderRadius: 4
         },
         colorPrimary: {
-          backgroundColor: r.vars.palette.primary[o ? "lighter" : "darker"]
+          backgroundColor: r.vars.palette.primary[o ? "light" : "dark"]
         },
         buffer: {
           backgroundColor: "transparent"
@@ -834,7 +854,7 @@ function P(r) {
     }
   };
 }
-function z(r) {
+function P(r) {
   return {
     MuiTimelineDot: {
       styleOverrides: {
@@ -852,13 +872,21 @@ function z(r) {
     }
   };
 }
-function A(r) {
+function z(r) {
   return {
     MuiCheckbox: {
+      // defaultProps: {
+      //   icon: <CheckboxIcon />,
+      //   checkedIcon: <CheckboxCheckedIcon />,
+      //   indeterminateIcon: <CheckboxIndeterminateIcon />,
+      // },
       styleOverrides: {
         root: {
           padding: r.spacing(1),
           oleee: "sss",
+          // '& .MuiCheckbox-root': {
+          //   color: theme.vars.palette.divider,
+          // },
           color: r.vars.palette.action.active,
           "& .Mui-checked": {
             color: r.vars.palette.primary.main
@@ -866,6 +894,23 @@ function A(r) {
           "&.Mui-checked.Mui-disabled, &.Mui-disabled": {
             color: r.vars.palette.action.disabled
           }
+          // '& .MuiSvgIcon-root': {
+          //   color: theme.vars.palette.text.secondary,
+          // },
+          // '& .MuiSvgIcon-fontSizeMedium': {
+          //   width: 24,
+          //   height: 24,
+          // },
+          // '& .MuiSvgIcon-fontSizeSmall': {
+          //   width: 18,
+          //   height: 18,
+          // },
+          // svg: {
+          //   fontSize: 24,
+          //   '&[font-size=small]': {
+          //     fontSize: 18,
+          //   },
+          // },
         }
       }
     }
@@ -907,7 +952,7 @@ function $(r) {
           borderRadius: r.spacing(0.5),
           height: r.spacing(4.5),
           minHeight: r.spacing(4.5),
-          backgroundColor: r.vars.palette.background.header,
+          backgroundColor: r.vars.palette.primary.opacity,
           paddingLeft: r.spacing(2),
           paddingRight: r.spacing(2),
           marginBottom: "0px",
@@ -938,6 +983,8 @@ function $(r) {
         content: {
           ...r.colorSchemes.finalTheme.typography.subtitle2,
           margin: "0px",
+          // '& .MuiTypography-root': {
+          // },
           "&.Mui-expanded": {
             margin: "0px"
           }
@@ -951,6 +998,7 @@ function D(r) {
     MuiTypography: {
       defaultProps: {
         variantMapping: {
+          // Map the new variant to render a <h1> by default
           subtitleDens: "span"
         }
       },
@@ -987,7 +1035,7 @@ function G(r) {
           }
         },
         outlined: {
-          border: `1px solid ${r.vars.palette.border.line}`
+          border: `1px solid ${r.vars.palette?.border.default}`
         },
         outlinedPrimary: {
           "&.Mui-selected": {
@@ -1012,8 +1060,8 @@ function H(r) {
   };
 }
 function F(r) {
-  const o = (i) => ({
-    props: { variant: "contained", color: i },
+  const o = (t) => ({
+    props: { variant: "contained", color: t },
     style: { boxShadow: r.customShadows?.primary }
   });
   return {
@@ -1159,7 +1207,6 @@ function j(r) {
           }
         },
         e(r, "primary"),
-        e(r, "secondary"),
         e(r, "info"),
         e(r, "success"),
         e(r, "warning"),
@@ -1171,7 +1218,7 @@ function j(r) {
         root: {
           borderRadius: r.shape.borderRadius,
           backgroundColor: r.vars.palette.background.paper,
-          border: `solid 1px ${r.vars.palette.border.line}`,
+          border: `solid 1px ${r.vars.palette?.border.default}`,
           "& .MuiToggleButton-root": {
             margin: 4,
             borderColor: "transparent !important",
@@ -1238,32 +1285,32 @@ const q = (r) => ({
 });
 export {
   d as A,
-  M as B,
+  f as B,
   c as C,
-  m as D,
+  S as D,
   u as F,
-  h as I,
+  x as I,
   b as L,
   g as M,
-  f as P,
+  M as P,
   k as R,
   C as S,
   y as T,
-  x as a,
-  v as b,
-  l as c,
+  v as a,
+  l as b,
+  h as c,
   p as d,
-  S as e,
+  m as e,
   R as f,
-  O as g,
-  T as h,
+  T as g,
+  O as h,
   w as i,
-  A as j,
+  z as j,
   B as k,
   I as l,
-  z as m,
+  P as m,
   L as n,
-  P as o,
+  A as o,
   $ as p,
   D as q,
   G as r,

package/theme/overrides/{index.cc540e59.js → index-BOMUIneQ.js}

@@ -1,9 +1,10 @@
-import { F as s, C as o, M as r, L, I as M, a as n, R as i, B as p, b as l, T as c, P as d, S as u, c as g, d as B, A as F, e as P, D as A, f as T, g as b, h as C, i as S, j as y, k as I, l as R, m as v, n as H, o as k, p as D, q as f, r as x, s as w, t as G, u as V, v as j, w as E, x as N, y as O, z as q } from "./MUIComponents/index.2b5bc914.js";
-import { M as z, a as U, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z } from "./M4LRHFComponents/index.7d702163.js";
-import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as na, m as ia, n as pa, o as la, p as ca, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Aa, x as Ta, y as ba, z as Ca, A as Sa, B as ya, C as Ia, D as Ra, E as va, F as Ha, G as ka, H as Da, I as fa, J as xa, K as wa, L as Ga, N as Va, O as ja, P as Ea, Q as Na, R as Oa, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa, _ as Ya } from "./M4LExtendedComponents/index.dbc24a3d.js";
+import { F as s, C as o, M as r, L, c as M, I as n, R as i, B as p, a as l, T as c, P as d, S as u, b as g, d as B, A as F, e as P, D as A, f as T, g as b, h as C, i as S, j as v, k as y, l as R, m as H, n as I, o as k, p as f, q as D, r as x, s as w, t as G, u as O, v as V, w as j, x as E, y as N, z as q } from "./MUIComponents/index-DrBJTI1s.js";
+import { M as z, a as U, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z } from "./M4LRHFComponents/index-Dv4h8DSV.js";
+import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as na, m as ia, n as pa, o as la, p as ca, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Aa, x as Ta, y as ba, z as Ca, A as Sa, B as va, C as ya, D as Ra, E as Ha, F as Ia, G as ka, H as fa, I as Da, J as xa, K as wa, L as Ga, N as Oa, O as Va, P as ja, Q as Ea, R as Na, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa, _ as Ya } from "./M4LExtendedComponents/index-BO_x8lkT.js";
 function ta(a) {
-  return Object.assign(
+  return console.log("fnComponentsOverrides theme", a), Object.assign(
     s(a),
+    // Chip(theme),
     o(a),
     r(a),
     L(a),
@@ -14,9 +15,12 @@ function ta(a) {
     l(a),
     c(a),
     d(a),
+    // Alert(theme),
     u(a),
+    // Select(theme),
     g(a),
     B(a),
+    // Rating(theme),
     F(a),
     P(a),
     A(a),
@@ -24,23 +28,25 @@ function ta(a) {
     b(a),
     C(),
     S(),
+    v(a),
     y(a),
-    I(a),
     R(a),
-    v(a),
     H(a),
+    // TreeView(theme),
+    I(a),
     k(a),
-    D(a),
     f(a),
+    D(a),
     x(a),
     w(a),
     G(a),
-    V(),
+    O(),
+    V(a),
     j(a),
     E(a),
     N(a),
-    O(a),
     _(a),
+    /* Owner components */
     q(),
     z(a),
     U(),
@@ -77,22 +83,22 @@ function ta(a) {
     ba(a),
     Ca(a),
     Sa(a),
+    va(a),
     ya(a),
-    Ia(a),
     Ra(a),
-    va(a),
     Ha(a),
+    Ia(a),
     ka(a),
-    Da(),
-    fa(a),
+    fa(),
+    Da(a),
     xa(),
     wa(a),
     Ga(),
+    Oa(a),
     Va(a),
     ja(a),
     Ea(a),
     Na(a),
-    Oa(a),
     qa(),
     Z(a),
     za(),

package/theme/palette/baseOpacityColors.d.ts

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

package/theme/palette/defaultColors.d.ts

@@ -0,0 +1,14 @@
+import { PaletteColor } from "@mui/material/styles";
+import { DefaultPresetColor } from "../../types";
+/**
+ * Opción de paleta default, se usa para construir la opcion de variable semántica default
+*/
+export declare const PRESET_DEFAULT: DefaultPresetColor;
+/**
+ * Opción de paleta default en modo light, se usa para colorear componentes con la variante semántica de tipo default
+*/
+export declare const DEFAULT_COLOR_LIGHT: Omit<PaletteColor, 'focusVisible' | 'contrastText'>;
+/**
+ * Opción de paleta default en modo dark, se usa para colorear componentes con la variante semántica de tipo default
+*/
+export declare const DEFAULT_COLOR_DARK: Omit<PaletteColor, 'focusVisible' | 'contrastText'>;

package/theme/palette/index.d.ts

@@ -3,4 +3,3 @@ export { BASE_OPACITY_COLORS } from './baseOpacityColors';
 export { COMMON_COLORS } from './commonColors';
 export { GREY_PALETTE } from './greyPalette';
 export { presetsOptions } from './presetColors';
-export * from './palette';

package/theme/palette/presetColors.d.ts

@@ -1,5 +1,19 @@
-import { PresetActionsPalettes, PresetPalettes, PresetsOptions } from '../../types';
-export declare const PRESET_COLORS: PresetPalettes;
-export declare const PRESET_ACTION_COLORS_LIGHT: PresetActionsPalettes;
-export declare const PRESET_ACTION_COLORS_DARK: PresetActionsPalettes;
+import { ThemePaletteColors, ThemePaletteColors as OursColorPalette, ThemePresetColors, PresetsOptions } from '../../types';
+/**
+ * Conjunto de paletas de colores usados para construir el tema seleccionado por el usario en la aplación.
+ * Sus opciones pueden ser patronus, turqui, grass, brown y blaze.
+*/
+export declare const PRESET_COLORS: ThemePresetColors;
+/**
+ * Colección de temas de color en modo light, se usan para aportar el color en los componentes de la apliación web.
+ * Se tiene en cuanta cuando la variable semántica aplicada al componente es de tipo primary.
+ * Sus opciones pueden ser patronus, turqui, grass, brown y blaze.
+*/
+export declare const PRIMARY_COLORS_LIGHT: ThemePaletteColors;
+/**
+ * Colección de temas de color en modo dark, se usan para aportar el color en los componentes de la apliación web.
+ * Se tiene en cuanta cuando la variable semántica aplicada al componente es de tipo primary.
+ * Sus opciones pueden ser patronus, turqui, grass, brown y blaze.
+*/
+export declare const PRIMARY_COLORS_DARK: OursColorPalette;
 export declare const presetsOptions: PresetsOptions;

package/theme/palette/semanticColors.d.ts

@@ -0,0 +1,16 @@
+import type { SemanticPresetColors, SemanticsPaletteColors } from '../../types';
+/**
+ * Paleta semántica predefinida, se usa para construir las opciones de variable semántica.
+ * Puden ser de tipo success, error, warning, info
+*/
+export declare const PRESET_SEMANTICS_COLORS: SemanticPresetColors;
+/**
+ * Opciones de paleta semántica en modo light, se usan para aportar el color en los componentes de la apliación web.
+ * Se tiene en cuanta cuando la variable semántica aplicada al componente es de tipo warning, error, success o info.
+*/
+export declare const SEMANTIC_COLORS_LIGHT: SemanticsPaletteColors;
+/**
+ * Opciones de paleta semántica en modo dark, se usan para aportar el color en los componentes de la apliación web.
+ * Se tiene en cuanta cuando la variable semántica aplicada al componente es de tipo warning, error, success o info.
+*/
+export declare const SEMANTIC_COLORS_DARK: SemanticsPaletteColors;