@m4l/styles 3.1.4 → 3.1.5

package/index.js

@@ -1,24 +1,26 @@
 import { D as o, g as a, m as r } from "./config-B8bZIPuH.js";
 import { d as p } from "./theme/defaultThemeOptions-BlJvKCE6.js";
-import { c as f, s as O } from "./theme/shadows-GTYqExFA.js";
-import { t as n } from "./theme/typography-BsOO459U.js";
-import { f as E } from "./theme/overrides/index-DrDgOdnk.js";
-import { B as g, a as i, C as l, G as T, g as u, p as P } from "./theme/palette-DM0gXxA2.js";
+import { c as f, s as x } from "./theme/shadows-GTYqExFA.js";
+import { t as g } from "./theme/typography-BsOO459U.js";
+import { f as S } from "./theme/overrides/index-DrDgOdnk.js";
+import { B as n, a as E, C as i, G as T, g as u, p as P } from "./theme/palette-DM0gXxA2.js";
 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";
 export {
-  g as BASE_COLORS,
-  i as BASE_OPACITY_COLORS,
-  l as COMMON_COLORS,
+  n as BASE_COLORS,
+  E as BASE_OPACITY_COLORS,
+  i as COMMON_COLORS,
   A as DEFAULT_PRESET,
   o as DEFAULT_SIZE,
   T as GREY_PALETTE,
   f as createCustomShadows,
   L as defaultPresetColors,
   p as defaultThemeOptions,
-  E as fnComponentsOverrides,
+  S as fnComponentsOverrides,
   B as getColorPresets,
+  w as getColorState,
   D as getFontValue,
   u as getPaletteByPreset,
   a as globalRemSize,
@@ -27,7 +29,7 @@ export {
   F as pxToRem,
   v as remToPx,
   y as responsiveFontSizes,
-  O as shadows,
-  n as typography,
+  x as shadows,
+  g as typography,
   d as useResponsive
 };

package/package.json

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

package/types/types.d.ts

@@ -54,3 +54,5 @@ export declare type PresetsOptions = Array<{
     name: string | undefined;
     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-BpWbEUBV.js

@@ -0,0 +1,10 @@
+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
+};

package/utils/getColorState.d.ts

@@ -0,0 +1,2 @@
+import { ColorState, SystemColor } from 'src/types';
+export declare const getColorState: (color: ColorState | SystemColor) => string;

package/utils/index.d.ts

@@ -1,3 +1,4 @@
 export { useResponsive } from './useResponsive';
 export * from './getColorPresets';
 export * from './getFontValue';
+export * from './getColorState';