@m4l/styles 0.0.34 → 0.0.35

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.
Files changed (27) hide show
  1. package/index.js +37 -37
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.66a289a7.js → defaultThemeOptions.5e505df7.js} +11 -8
  4. package/theme/index.149cbcc9.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +74 -41
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +52 -10
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +155 -121
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +1382 -2463
  9. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +48 -2
  10. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +124 -5
  11. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +8 -0
  12. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +5 -0
  13. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +14 -1
  14. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +32 -3
  15. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +1 -1
  16. package/theme/overrides/M4LExtendedComponents/M4LScrollBar.d.ts +4 -1
  17. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +134 -15
  18. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +7 -0
  19. package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +3 -0
  20. package/theme/overrides/M4LExtendedComponents/{index.e406c71f.js → index.1e3b4f6c.js} +585 -311
  21. package/theme/overrides/M4LRHFComponents/{index.d7a80536.js → index.8ab5d2b9.js} +1 -1
  22. package/theme/overrides/{index.2d07abe3.js → index.0ca75445.js} +2 -2
  23. package/theme/{shadows.a726d8c6.js → shadows.479d005a.js} +2 -2
  24. package/theme/{typography.b14a8e35.js → typography.927a0f62.js} +32 -24
  25. package/utils/{getColorState.ce01540c.js → getColorState.4b06bb84.js} +21 -16
  26. package/utils/getColorState.d.ts +1 -1
  27. package/theme/index.34d0fdea.js +0 -1
@@ -897,7 +897,7 @@ const r = (t) => ({
897
897
  borderRadius: "4px"
898
898
  },
899
899
  "& .M4LIcon-root:hover": {
900
- background: t.palette.state.overdefoult
900
+ background: t.palette.state.hoverDefault
901
901
  }
902
902
  }
903
903
  }
@@ -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 d, T as c, P as l, S as u, c as g, d as B, D as F, A as P, e as A, f as T, g as b, h as y, i as C, j as I, k as R, l as S, m as v, n as D, o as k, p as H, q as f, r as x, s as w, t as G, u as E, v as V, w as j, x as N, y as O, z as q, E as z } from "./MUIComponents/index.b3f5b7a7.js";
2
- import { M as U, a as t, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z, i as _, j as $, k as m, l as e, m as h, n as aa, o as sa, p as oa, q as ra, r as La, s as Ma, t as na, u as ia, v as pa, w as da, x as ca, y as la, z as ua, A as ga, B as Ba, C as Fa, D as Pa, E as Aa, F as Ta, G as ba, H as ya, I as Ca, J as Ia, K as Ra, L as Sa, N as va, O as Da, P as ka, Q as Ha, R as fa, S as xa, T as wa, U as Ga, V as Ea } from "./M4LExtendedComponents/index.e406c71f.js";
3
- import { M as Va, a as ja, b as Na, c as Oa, d as qa, e as za, f as Ua, g as ta, h as Ja } from "./M4LRHFComponents/index.d7a80536.js";
2
+ import { M as U, a as t, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z, i as _, j as $, k as m, l as e, m as h, n as aa, o as sa, p as oa, q as ra, r as La, s as Ma, t as na, u as ia, v as pa, w as da, x as ca, y as la, z as ua, A as ga, B as Ba, C as Fa, D as Pa, E as Aa, F as Ta, G as ba, H as ya, I as Ca, J as Ia, K as Ra, L as Sa, N as va, O as Da, P as ka, Q as Ha, R as fa, S as xa, T as wa, U as Ga, V as Ea } from "./M4LExtendedComponents/index.1e3b4f6c.js";
3
+ import { M as Va, a as ja, b as Na, c as Oa, d as qa, e as za, f as Ua, g as ta, h as Ja } from "./M4LRHFComponents/index.8ab5d2b9.js";
4
4
  function Xa(a) {
5
5
  return Object.assign(
6
6
  s(a),
@@ -47,8 +47,8 @@ const s = a.light.grey[500], o = "#000000", n = (t) => {
47
47
  )}`
48
48
  };
49
49
  return t === "light" ? {
50
- z1: "0px 0px 03x 1px rgba(9, 30, 66 0.12)",
51
- z2: "0px 0px 4px 2px rgba(73, 88, 89 0.14)",
50
+ z1: "0px 0px 03px 1px rgba(9, 30, 66, 0.12)",
51
+ z2: "0px 0px 4px 2px rgba(73, 88, 89, 0.14)",
52
52
  z3: "0px 0px 8px 2px rgba(36, 59, 70, 0.14)",
53
53
  z4: "0px 0px 18px 6px rgba(36, 59, 70, 0.12)",
54
54
  ...p
@@ -1,5 +1,13 @@
1
- import { r as e, p as t } from "../utils/getFontValue.88831637.js";
2
- const i = "Segoe UI, Poppins, sans-serif", g = {
1
+ import "@mui/material/styles";
2
+ import "@mui/material/useMediaQuery";
3
+ import "../utils/getColorPresets.479f9922.js";
4
+ import "@mui/system";
5
+ import "./defaultThemeOptions.5e505df7.js";
6
+ import "./shadows.479d005a.js";
7
+ import "./palette.1b577d8c.js";
8
+ import "@mui/material";
9
+ import { r as t, p as e } from "../utils/getFontValue.88831637.js";
10
+ const i = "Segoe UI, Poppins, sans-serif", r = {
3
11
  fontFamily: i,
4
12
  fontWeightRegular: 400,
5
13
  fontWeightMedium: 600,
@@ -7,116 +15,116 @@ const i = "Segoe UI, Poppins, sans-serif", g = {
7
15
  h1: {
8
16
  fontWeight: 600,
9
17
  lineHeight: 1.5,
10
- ...e({ sm: 38, md: 40, lg: 40 })
18
+ ...t({ sm: 38, md: 40, lg: 40 })
11
19
  },
12
20
  h2: {
13
21
  fontWeight: 600,
14
22
  lineHeight: 1,
15
- ...e({ sm: 40, md: 44, lg: 48 })
23
+ ...t({ sm: 40, md: 44, lg: 48 })
16
24
  },
17
25
  h3: {
18
26
  fontWeight: 600,
19
27
  lineHeight: 1.5,
20
- ...e({ sm: 30, md: 32, lg: 32 })
28
+ ...t({ sm: 30, md: 32, lg: 32 })
21
29
  },
22
30
  h4: {
23
31
  fontWeight: 600,
24
32
  lineHeight: 1.5,
25
- ...e({ sm: 20, md: 24, lg: 24 })
33
+ ...t({ sm: 20, md: 24, lg: 24 })
26
34
  },
27
35
  h5: {
28
36
  fontWeight: 500,
29
37
  lineHeight: "28px",
30
38
  letterSpacing: "-0.01em",
31
- ...e({ sm: 22, md: 24, lg: 24 })
39
+ ...t({ sm: 22, md: 24, lg: 24 })
32
40
  },
33
41
  h6: {
34
42
  fontWeight: 500,
35
43
  lineHeight: "24px",
36
44
  letterSpacing: "-0.08em",
37
- ...e({ sm: 18, md: 18, lg: 18 })
45
+ ...t({ sm: 18, md: 18, lg: 18 })
38
46
  },
39
47
  subtitle: {
40
48
  fontWeight: 400,
41
49
  lineHeight: "20px",
42
50
  letterSpacing: "-0.006em",
43
- ...e({ sm: 18, md: 15, lg: 15 })
51
+ ...t({ sm: 18, md: 15, lg: 15 })
44
52
  },
45
53
  subtitleDens: {
46
54
  fontWeight: 600,
47
55
  lineHeight: "24px",
48
56
  letterSpacing: "-0.006em",
49
- ...e({ sm: 18, md: 15, lg: 15 })
57
+ ...t({ sm: 18, md: 15, lg: 15 })
50
58
  },
51
59
  paragraph: {
52
60
  fontWeight: 400,
53
61
  lineHeight: "16px",
54
62
  letterSpacing: "-0.003em",
55
- ...e({ sm: 16, md: 13, lg: 13 })
63
+ ...t({ sm: 16, md: 13, lg: 13 })
56
64
  },
57
65
  paragraphDens: {
58
66
  fontWeight: 600,
59
67
  lineHeight: "20px",
60
68
  letterSpacing: "-0.003em",
61
- ...e({ sm: 16, md: 13, lg: 13 })
69
+ ...t({ sm: 16, md: 13, lg: 13 })
62
70
  },
63
71
  subtitle1: {
64
72
  fontWeight: 600,
65
73
  lineHeight: 1.5,
66
- fontSize: t(14)
74
+ fontSize: e(14)
67
75
  },
68
76
  subtitle2: {
69
77
  fontWeight: 600,
70
78
  lineHeight: 1.5,
71
- fontSize: t(12)
79
+ fontSize: e(12)
72
80
  },
73
81
  body: {
74
82
  fontWeight: 400,
75
83
  lineHeight: "16px",
76
- ...e({ sm: 14, md: 11, lg: 11 })
84
+ ...t({ sm: 14, md: 11, lg: 11 })
77
85
  },
78
86
  bodyDens: {
79
87
  fontWeight: 600,
80
88
  lineHeight: "16px",
81
- ...e({ sm: 14, md: 11, lg: 11 })
89
+ ...t({ sm: 14, md: 11, lg: 11 })
82
90
  },
83
91
  body0: {
84
92
  lineHeight: 1.5,
85
93
  fontWeight: 400,
86
- fontSize: t(16)
94
+ fontSize: e(16)
87
95
  },
88
96
  body1: {
89
97
  lineHeight: 1.5,
90
98
  fontWeight: 400,
91
- fontSize: t(14)
99
+ fontSize: e(14)
92
100
  },
93
101
  body2: {
94
102
  lineHeight: 1.5,
95
103
  fontWeight: 400,
96
- fontSize: t(12)
104
+ fontSize: e(12)
97
105
  },
98
106
  caption: {
99
107
  lineHeight: 1.5,
100
- fontSize: t(11)
108
+ fontSize: e(11)
101
109
  },
102
110
  overline: {
103
111
  fontWeight: 700,
104
112
  lineHeight: 1.5,
105
- fontSize: t(12),
113
+ fontSize: e(12),
106
114
  textTransform: "uppercase"
107
115
  },
108
116
  button: {
109
117
  fontWeight: 700,
110
118
  lineHeight: 24 / 14,
111
- fontSize: t(14),
119
+ fontSize: e(14),
112
120
  textTransform: "capitalize"
113
121
  },
114
122
  action: {
115
123
  fontWeight: 600,
116
124
  lineHeight: "16px",
117
- ...e({ sm: 14, md: 12, lg: 12 })
125
+ ...t({ sm: 14, md: 12, lg: 12 })
118
126
  }
119
127
  };
120
128
  export {
121
- g as t
129
+ r as t
122
130
  };
@@ -1,8 +1,13 @@
1
1
  import { alpha as a } from "@mui/system";
2
+ import "../theme/defaultThemeOptions.5e505df7.js";
3
+ import "../theme/shadows.479d005a.js";
2
4
  import { P as e, O as r, S as o } from "../theme/palette.1b577d8c.js";
3
- const u = (d, i) => {
5
+ import "../theme/typography.927a0f62.js";
6
+ import "@mui/material";
7
+ import "@mui/material/styles";
8
+ const c = (i, n) => {
4
9
  let t = {};
5
- switch (d) {
10
+ switch (i) {
6
11
  case "patronus":
7
12
  t = {
8
13
  light: {
@@ -10,7 +15,7 @@ const u = (d, i) => {
10
15
  active: e?.patronusBlue[50],
11
16
  focus: e?.patronusBlue[40],
12
17
  hover: e?.patronusBlue[40],
13
- overdefoult: r?.oxford[12],
18
+ hoverDefault: r?.oxford[12],
14
19
  default: r?.oxford[12],
15
20
  lineTheme: r?.patronus[48],
16
21
  borderPrimary: r?.oxford[24],
@@ -27,7 +32,7 @@ const u = (d, i) => {
27
32
  active: e?.patronusBlue[50],
28
33
  focus: e?.patronusBlue[30],
29
34
  hover: e?.patronusBlue[30],
30
- overdefoult: r?.mint[36],
35
+ hoverDefault: r?.mint[36],
31
36
  default: r?.mint[12],
32
37
  lineTheme: r?.patronus[48],
33
38
  borderPrimary: r?.mint[48],
@@ -48,7 +53,7 @@ const u = (d, i) => {
48
53
  active: e?.turquiBlue[50],
49
54
  focus: e?.turquiBlue[70],
50
55
  hover: e?.turquiBlue[70],
51
- overdefoult: r?.oxford[12],
56
+ hoverDefault: r?.oxford[12],
52
57
  default: r?.oxford[12],
53
58
  lineTheme: r?.turqui[48],
54
59
  borderPrimary: r?.oxford[24],
@@ -65,7 +70,7 @@ const u = (d, i) => {
65
70
  active: e?.turquiBlue[50],
66
71
  focus: e?.turquiBlue[30],
67
72
  hover: e?.turquiBlue[30],
68
- overdefoult: r?.mint[36],
73
+ hoverDefault: r?.mint[36],
69
74
  default: r?.mint[12],
70
75
  lineTheme: r?.turqui[48],
71
76
  borderPrimary: r?.mint[48],
@@ -86,7 +91,7 @@ const u = (d, i) => {
86
91
  active: e?.grassGreen[50],
87
92
  focus: e?.grassGreen[70],
88
93
  hover: e?.grassGreen[70],
89
- overdefoult: r?.oxford[12],
94
+ hoverDefault: r?.oxford[12],
90
95
  default: r?.oxford[12],
91
96
  lineTheme: r?.grass[48],
92
97
  borderPrimary: r?.oxford[24],
@@ -103,7 +108,7 @@ const u = (d, i) => {
103
108
  active: e?.grassGreen[50],
104
109
  focus: e?.grassGreen[40],
105
110
  hover: e?.grassGreen[40],
106
- overdefoult: r?.mint[36],
111
+ hoverDefault: r?.mint[36],
107
112
  default: r?.mint[12],
108
113
  lineTheme: r?.grass[48],
109
114
  borderPrimary: r?.mint[48],
@@ -124,7 +129,7 @@ const u = (d, i) => {
124
129
  active: e?.brown[50],
125
130
  focus: e?.brown[90],
126
131
  hover: e?.brown[90],
127
- overdefoult: r?.oxford[12],
132
+ hoverDefault: r?.oxford[12],
128
133
  default: r?.oxford[12],
129
134
  lineTheme: r?.brown[48],
130
135
  borderPrimary: r?.oxford[24],
@@ -141,7 +146,7 @@ const u = (d, i) => {
141
146
  active: e?.brown[50],
142
147
  focus: e?.brown[30],
143
148
  hover: e?.brown[30],
144
- overdefoult: r?.mint[36],
149
+ hoverDefault: r?.mint[36],
145
150
  default: r?.mint[12],
146
151
  lineTheme: r?.brown[48],
147
152
  borderPrimary: r?.mint[48],
@@ -162,7 +167,7 @@ const u = (d, i) => {
162
167
  active: e?.blazeOrange[50],
163
168
  focus: e?.blazeOrange[70],
164
169
  hover: e?.blazeOrange[70],
165
- overdefoult: r?.oxford[12],
170
+ hoverDefault: r?.oxford[12],
166
171
  default: r?.oxford[12],
167
172
  lineTheme: r?.orange[48],
168
173
  borderPrimary: r?.oxford[24],
@@ -179,7 +184,7 @@ const u = (d, i) => {
179
184
  active: e?.blazeOrange[50],
180
185
  focus: e?.blazeOrange[30],
181
186
  hover: e?.blazeOrange[30],
182
- overdefoult: r?.mint[36],
187
+ hoverDefault: r?.mint[36],
183
188
  default: r?.mint[12],
184
189
  lineTheme: r?.orange[48],
185
190
  borderPrimary: r?.mint[48],
@@ -200,7 +205,7 @@ const u = (d, i) => {
200
205
  active: e?.turquiBlue[50],
201
206
  focus: e?.turquiBlue[70],
202
207
  hover: e?.turquiBlue[70],
203
- overdefoult: r?.oxford[12],
208
+ hoverDefault: r?.oxford[12],
204
209
  default: r?.oxford[12],
205
210
  lineTheme: r?.patronus[48],
206
211
  borderPrimary: r?.oxford[24],
@@ -217,7 +222,7 @@ const u = (d, i) => {
217
222
  active: e?.turquiBlue[50],
218
223
  focus: e?.turquiBlue[30],
219
224
  hover: e?.turquiBlue[30],
220
- overdefoult: r?.mint[36],
225
+ hoverDefault: r?.mint[36],
221
226
  default: r?.mint[12],
222
227
  lineTheme: r?.patronus[48],
223
228
  borderPrimary: r?.mint[48],
@@ -232,8 +237,8 @@ const u = (d, i) => {
232
237
  };
233
238
  break;
234
239
  }
235
- return i === "light" ? { ...t.light } : { ...t.dark };
240
+ return n === "light" ? { ...t.light } : { ...t.dark };
236
241
  };
237
242
  export {
238
- u as g
243
+ c as g
239
244
  };
@@ -5,7 +5,7 @@ export interface ColorStateOptions {
5
5
  active: string;
6
6
  focus: string;
7
7
  hover: string;
8
- overdefoult: string;
8
+ hoverDefault: string;
9
9
  default: string;
10
10
  borderDefault: string;
11
11
  borderTop: string;
@@ -1 +0,0 @@
1
-