@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.
- package/index.js +37 -37
- package/package.json +1 -1
- package/theme/{defaultThemeOptions.66a289a7.js → defaultThemeOptions.5e505df7.js} +11 -8
- package/theme/index.149cbcc9.js +7 -0
- package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +74 -41
- package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +52 -10
- package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +155 -121
- package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +1382 -2463
- package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +48 -2
- package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +124 -5
- package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +8 -0
- package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +5 -0
- package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +14 -1
- package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +32 -3
- package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +1 -1
- package/theme/overrides/M4LExtendedComponents/M4LScrollBar.d.ts +4 -1
- package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +134 -15
- package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +7 -0
- package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +3 -0
- package/theme/overrides/M4LExtendedComponents/{index.e406c71f.js → index.1e3b4f6c.js} +585 -311
- package/theme/overrides/M4LRHFComponents/{index.d7a80536.js → index.8ab5d2b9.js} +1 -1
- package/theme/overrides/{index.2d07abe3.js → index.0ca75445.js} +2 -2
- package/theme/{shadows.a726d8c6.js → shadows.479d005a.js} +2 -2
- package/theme/{typography.b14a8e35.js → typography.927a0f62.js} +32 -24
- package/utils/{getColorState.ce01540c.js → getColorState.4b06bb84.js} +21 -16
- package/utils/getColorState.d.ts +1 -1
- package/theme/index.34d0fdea.js +0 -1
|
@@ -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.
|
|
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.
|
|
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
|
|
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
|
|
2
|
-
|
|
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
|
-
...
|
|
18
|
+
...t({ sm: 38, md: 40, lg: 40 })
|
|
11
19
|
},
|
|
12
20
|
h2: {
|
|
13
21
|
fontWeight: 600,
|
|
14
22
|
lineHeight: 1,
|
|
15
|
-
...
|
|
23
|
+
...t({ sm: 40, md: 44, lg: 48 })
|
|
16
24
|
},
|
|
17
25
|
h3: {
|
|
18
26
|
fontWeight: 600,
|
|
19
27
|
lineHeight: 1.5,
|
|
20
|
-
...
|
|
28
|
+
...t({ sm: 30, md: 32, lg: 32 })
|
|
21
29
|
},
|
|
22
30
|
h4: {
|
|
23
31
|
fontWeight: 600,
|
|
24
32
|
lineHeight: 1.5,
|
|
25
|
-
...
|
|
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
|
-
...
|
|
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
|
-
...
|
|
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
|
-
...
|
|
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
|
-
...
|
|
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
|
-
...
|
|
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
|
-
...
|
|
69
|
+
...t({ sm: 16, md: 13, lg: 13 })
|
|
62
70
|
},
|
|
63
71
|
subtitle1: {
|
|
64
72
|
fontWeight: 600,
|
|
65
73
|
lineHeight: 1.5,
|
|
66
|
-
fontSize:
|
|
74
|
+
fontSize: e(14)
|
|
67
75
|
},
|
|
68
76
|
subtitle2: {
|
|
69
77
|
fontWeight: 600,
|
|
70
78
|
lineHeight: 1.5,
|
|
71
|
-
fontSize:
|
|
79
|
+
fontSize: e(12)
|
|
72
80
|
},
|
|
73
81
|
body: {
|
|
74
82
|
fontWeight: 400,
|
|
75
83
|
lineHeight: "16px",
|
|
76
|
-
...
|
|
84
|
+
...t({ sm: 14, md: 11, lg: 11 })
|
|
77
85
|
},
|
|
78
86
|
bodyDens: {
|
|
79
87
|
fontWeight: 600,
|
|
80
88
|
lineHeight: "16px",
|
|
81
|
-
...
|
|
89
|
+
...t({ sm: 14, md: 11, lg: 11 })
|
|
82
90
|
},
|
|
83
91
|
body0: {
|
|
84
92
|
lineHeight: 1.5,
|
|
85
93
|
fontWeight: 400,
|
|
86
|
-
fontSize:
|
|
94
|
+
fontSize: e(16)
|
|
87
95
|
},
|
|
88
96
|
body1: {
|
|
89
97
|
lineHeight: 1.5,
|
|
90
98
|
fontWeight: 400,
|
|
91
|
-
fontSize:
|
|
99
|
+
fontSize: e(14)
|
|
92
100
|
},
|
|
93
101
|
body2: {
|
|
94
102
|
lineHeight: 1.5,
|
|
95
103
|
fontWeight: 400,
|
|
96
|
-
fontSize:
|
|
104
|
+
fontSize: e(12)
|
|
97
105
|
},
|
|
98
106
|
caption: {
|
|
99
107
|
lineHeight: 1.5,
|
|
100
|
-
fontSize:
|
|
108
|
+
fontSize: e(11)
|
|
101
109
|
},
|
|
102
110
|
overline: {
|
|
103
111
|
fontWeight: 700,
|
|
104
112
|
lineHeight: 1.5,
|
|
105
|
-
fontSize:
|
|
113
|
+
fontSize: e(12),
|
|
106
114
|
textTransform: "uppercase"
|
|
107
115
|
},
|
|
108
116
|
button: {
|
|
109
117
|
fontWeight: 700,
|
|
110
118
|
lineHeight: 24 / 14,
|
|
111
|
-
fontSize:
|
|
119
|
+
fontSize: e(14),
|
|
112
120
|
textTransform: "capitalize"
|
|
113
121
|
},
|
|
114
122
|
action: {
|
|
115
123
|
fontWeight: 600,
|
|
116
124
|
lineHeight: "16px",
|
|
117
|
-
...
|
|
125
|
+
...t({ sm: 14, md: 12, lg: 12 })
|
|
118
126
|
}
|
|
119
127
|
};
|
|
120
128
|
export {
|
|
121
|
-
|
|
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
|
-
|
|
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 (
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
240
|
+
return n === "light" ? { ...t.light } : { ...t.dark };
|
|
236
241
|
};
|
|
237
242
|
export {
|
|
238
|
-
|
|
243
|
+
c as g
|
|
239
244
|
};
|
package/utils/getColorState.d.ts
CHANGED
package/theme/index.34d0fdea.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|