@m4l/styles 3.1.6 → 3.2.0

package/index.js

@@ -7,7 +7,7 @@ import { B as n, a as E, C as i, G as T, g as u, p as P } from "./theme/palette-
 import { u as d } from "./utils/useResponsive-DaeQVwlH.js";
 import { D as A, d as L, g as B } from "./utils/getColorPresets-CXZaM9oS.js";
 import { g as D, p as F, a as v, r as y } from "./utils/getFontValue-BEO-XID9.js";
-import { g as w } from "./utils/getColorState-BpWbEUBV.js";
+import { g as w } from "./utils/getColorState-D1JKXD4T.js";
 export {
   n as BASE_COLORS,
   E as BASE_OPACITY_COLORS,

package/package.json

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

package/types/types.d.ts

@@ -6,6 +6,7 @@ export declare type Sizes = 'small' | 'medium' | 'large';
 export declare type ThemeColorPresets = 'patronus' | 'turqui' | 'grass' | 'brown' | 'blaze';
 export declare type StateColorSchema = 'info' | 'success' | 'warning' | 'error';
 export declare type ColorSchema = 'primary' | 'secondary' | StateColorSchema;
+export declare type ColorSchemeComponent = ColorSchema | string;
 export declare type BasePalettes = 'patronusBlue' | 'crayonBlue' | 'middleYellow' | 'acidGreen' | 'grassGreen' | 'desertBeige' | 'turquiBlue' | 'blazeOrange' | 'flameRed' | 'coolGrey' | 'brown' | 'marbleLight' | 'onyx' | 'mint' | 'oxford';
 export declare type BaseOpacityPalettes = 'patronus' | 'turqui' | 'grass' | 'brown' | 'beige' | 'orange' | 'cool' | 'marble' | 'mint' | 'oxford';
 export interface Colors {
@@ -55,4 +56,3 @@ export declare type PresetsOptions = Array<{
     value: string;
 }>;
 export declare type ColorState = 'warning' | 'delete' | 'info' | 'success';
-export declare type SystemColor = `#${string}` | `rgb(${number},${number},${number})` | `rgba(${number},${number},${number},${number})` | `hsl(${number},${number}%,${number}%)` | `hsla(${number},${number}%,${number}%,${number})`;

package/utils/getColorState-D1JKXD4T.js

@@ -0,0 +1,4 @@
+const a = (t, e) => e?.[t]?.main || t;
+export {
+  a as g
+};

package/utils/getColorState.d.ts

@@ -1,2 +1,3 @@
-import { ColorState, SystemColor } from '../types/types';
-export declare const getColorState: (color: ColorState | SystemColor) => string;
+import { ColorSchemeComponent } from '../types/types';
+import { Theme } from '@mui/material';
+export declare const getColorState: (color: ColorSchemeComponent, palette: Theme['palette'] | Theme['vars']['palette']) => string;

package/utils/getColorState-BpWbEUBV.js

@@ -1,10 +0,0 @@
-import { B as e } from "../theme/palette-DM0gXxA2.js";
-const s = {
-  warning: e.middleYellow[60],
-  delete: e.flameRed[40],
-  info: e.crayonBlue[50],
-  success: e.acidGreen[60]
-}, r = (n) => ["warning", "delete", "info", "success"].includes(n) ? s[n] : n;
-export {
-  r as g
-};