@m4l/styles 3.1.6 → 3.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +2 -2
- package/package.json +1 -1
- package/theme/overrides/M4LExtendedComponents/M4LScrollBar.d.ts +0 -6
- package/theme/overrides/M4LExtendedComponents/{index-Cf72RC_D.js → index-D8SeTLwa.js} +3 -6
- package/theme/overrides/{index-DrDgOdnk.js → index-DFdz4PJZ.js} +1 -1
- package/types/types.d.ts +1 -1
- package/utils/getColorState-D1JKXD4T.js +4 -0
- package/utils/getColorState.d.ts +3 -2
- package/utils/getColorState-BpWbEUBV.js +0 -10
package/index.js
CHANGED
|
@@ -2,12 +2,12 @@ import { D as o, g as a, m as r } from "./config-B8bZIPuH.js";
|
|
|
2
2
|
import { d as p } from "./theme/defaultThemeOptions-BlJvKCE6.js";
|
|
3
3
|
import { c as f, s as x } from "./theme/shadows-GTYqExFA.js";
|
|
4
4
|
import { t as g } from "./theme/typography-BsOO459U.js";
|
|
5
|
-
import { f as S } from "./theme/overrides/index-
|
|
5
|
+
import { f as S } from "./theme/overrides/index-DFdz4PJZ.js";
|
|
6
6
|
import { B as n, a as E, C as i, G as T, g as u, p as P } from "./theme/palette-DM0gXxA2.js";
|
|
7
7
|
import { u as d } from "./utils/useResponsive-DaeQVwlH.js";
|
|
8
8
|
import { D as A, d as L, g as B } from "./utils/getColorPresets-CXZaM9oS.js";
|
|
9
9
|
import { g as D, p as F, a as v, r as y } from "./utils/getFontValue-BEO-XID9.js";
|
|
10
|
-
import { g as w } from "./utils/getColorState-
|
|
10
|
+
import { g as w } from "./utils/getColorState-D1JKXD4T.js";
|
|
11
11
|
export {
|
|
12
12
|
n as BASE_COLORS,
|
|
13
13
|
E as BASE_OPACITY_COLORS,
|
package/package.json
CHANGED
|
@@ -8,9 +8,6 @@ export declare const M4LScrollBar: (theme: Omit<Theme, 'palette' | 'applyStyles'
|
|
|
8
8
|
height: string;
|
|
9
9
|
overflow: string;
|
|
10
10
|
minHeight: string;
|
|
11
|
-
'& .simplebar-content': {
|
|
12
|
-
height: string;
|
|
13
|
-
};
|
|
14
11
|
'& .simplebar-scrollbar.simplebar-visible:before': {
|
|
15
12
|
opacity: string;
|
|
16
13
|
};
|
|
@@ -20,9 +17,6 @@ export declare const M4LScrollBar: (theme: Omit<Theme, 'palette' | 'applyStyles'
|
|
|
20
17
|
'& .simplebar-content-wrapper[style*="overflow: scroll hidden;"] .simplebar-content': {
|
|
21
18
|
marginBottom: string;
|
|
22
19
|
};
|
|
23
|
-
'& .ScrollbarsCustom-Content': {
|
|
24
|
-
position: string;
|
|
25
|
-
};
|
|
26
20
|
'& .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before': {
|
|
27
21
|
background: string;
|
|
28
22
|
borderRadius: string;
|
|
@@ -5602,9 +5602,9 @@ const i = (o) => ({
|
|
|
5602
5602
|
height: "100%",
|
|
5603
5603
|
overflow: "hidden",
|
|
5604
5604
|
minHeight: "inherit",
|
|
5605
|
-
|
|
5606
|
-
height:
|
|
5607
|
-
},
|
|
5605
|
+
/* '& .simplebar-content': {
|
|
5606
|
+
height: '100%',
|
|
5607
|
+
}, */
|
|
5608
5608
|
"& .simplebar-scrollbar.simplebar-visible:before": {
|
|
5609
5609
|
opacity: "1"
|
|
5610
5610
|
},
|
|
@@ -5614,9 +5614,6 @@ const i = (o) => ({
|
|
|
5614
5614
|
'& .simplebar-content-wrapper[style*="overflow: scroll hidden;"] .simplebar-content': {
|
|
5615
5615
|
marginBottom: "9px"
|
|
5616
5616
|
},
|
|
5617
|
-
"& .ScrollbarsCustom-Content": {
|
|
5618
|
-
position: "relative"
|
|
5619
|
-
},
|
|
5620
5617
|
"& .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before": {
|
|
5621
5618
|
background: o.vars.palette.general.scrollBar,
|
|
5622
5619
|
borderRadius: "2px"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
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-XoLdmZP6.js";
|
|
2
2
|
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-BRZVeOM5.js";
|
|
3
|
-
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-
|
|
3
|
+
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-D8SeTLwa.js";
|
|
4
4
|
function ta(a) {
|
|
5
5
|
return Object.assign(
|
|
6
6
|
s(a),
|
package/types/types.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ export declare type Sizes = 'small' | 'medium' | 'large';
|
|
|
6
6
|
export declare type ThemeColorPresets = 'patronus' | 'turqui' | 'grass' | 'brown' | 'blaze';
|
|
7
7
|
export declare type StateColorSchema = 'info' | 'success' | 'warning' | 'error';
|
|
8
8
|
export declare type ColorSchema = 'primary' | 'secondary' | StateColorSchema;
|
|
9
|
+
export declare type ColorSchemeComponent = ColorSchema | string;
|
|
9
10
|
export declare type BasePalettes = 'patronusBlue' | 'crayonBlue' | 'middleYellow' | 'acidGreen' | 'grassGreen' | 'desertBeige' | 'turquiBlue' | 'blazeOrange' | 'flameRed' | 'coolGrey' | 'brown' | 'marbleLight' | 'onyx' | 'mint' | 'oxford';
|
|
10
11
|
export declare type BaseOpacityPalettes = 'patronus' | 'turqui' | 'grass' | 'brown' | 'beige' | 'orange' | 'cool' | 'marble' | 'mint' | 'oxford';
|
|
11
12
|
export interface Colors {
|
|
@@ -55,4 +56,3 @@ export declare type PresetsOptions = Array<{
|
|
|
55
56
|
value: string;
|
|
56
57
|
}>;
|
|
57
58
|
export declare type ColorState = 'warning' | 'delete' | 'info' | 'success';
|
|
58
|
-
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.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { ColorSchemeComponent } from '../types/types';
|
|
2
|
+
import { Theme } from '@mui/material';
|
|
3
|
+
export declare const getColorState: (color: ColorSchemeComponent, palette: Theme['palette'] | Theme['vars']['palette']) => string;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { B as e } from "../theme/palette-DM0gXxA2.js";
|
|
2
|
-
const s = {
|
|
3
|
-
warning: e.middleYellow[60],
|
|
4
|
-
delete: e.flameRed[40],
|
|
5
|
-
info: e.crayonBlue[50],
|
|
6
|
-
success: e.acidGreen[60]
|
|
7
|
-
}, r = (n) => ["warning", "delete", "info", "success"].includes(n) ? s[n] : n;
|
|
8
|
-
export {
|
|
9
|
-
r as g
|
|
10
|
-
};
|