@m4l/styles 0.0.31 → 0.0.32

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 (58) hide show
  1. package/index.js +37 -37
  2. package/package.json +1 -1
  3. package/theme/defaultThemeOptions.b25c825e.js +27 -0
  4. package/theme/index.34d0fdea.js +1 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +22 -15
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +106 -81
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +58 -3
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +636 -475
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +42 -52
  10. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +0 -2
  11. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +5 -0
  12. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +56 -57
  13. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +13 -12
  14. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +14 -6
  15. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +78 -87
  16. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +2 -2
  17. package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts +2 -1
  18. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +13 -2
  19. package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts +17 -0
  20. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +2 -4
  21. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +0 -2
  22. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +1 -2
  23. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +43 -33
  24. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +12 -0
  25. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +142 -1
  26. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +1 -0
  27. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +91 -42
  28. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +3 -0
  29. package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +1 -0
  30. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +16 -0
  31. package/theme/overrides/M4LExtendedComponents/M4LToastContainer.d.ts +29 -0
  32. package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +0 -4
  33. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +24 -20
  34. package/theme/overrides/M4LExtendedComponents/M4LoadingError.d.ts +1 -4
  35. package/theme/overrides/M4LExtendedComponents/{index.1cd7b9f2.js → index.15f2650a.js} +1112 -826
  36. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +102 -4
  37. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +107 -0
  38. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +5 -3
  39. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +5 -0
  40. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +2 -1
  41. package/theme/overrides/M4LRHFComponents/{index.2dbe138a.js → index.e6262889.js} +252 -37
  42. package/theme/overrides/MUIComponents/{index.f50cd1c7.js → index.1b2b2be2.js} +59 -138
  43. package/theme/overrides/index.158187f3.js +105 -0
  44. package/theme/{palette.76ca123c.js → palette.31d770bc.js} +84 -42
  45. package/theme/palette.d.ts +16 -6
  46. package/theme/{shadows.1c46a94e.js → shadows.9800d84c.js} +24 -24
  47. package/theme/typography.b14a8e35.js +122 -0
  48. package/theme/typography.d.ts +19 -13
  49. package/types/augmentations.d.ts +1 -1
  50. package/utils/{getColorPresets.5bb0236e.js → getColorPresets.9fec9cc2.js} +1 -1
  51. package/utils/getColorState.4350ccb4.js +239 -0
  52. package/utils/getColorState.d.ts +5 -0
  53. package/theme/defaultThemeOptions.85da8657.js +0 -30
  54. package/theme/index.4dffae0a.js +0 -7
  55. package/theme/overrides/MUIComponents/Tabs.d.ts +0 -903
  56. package/theme/overrides/index.a465322b.js +0 -104
  57. package/theme/typography.89adddae.js +0 -124
  58. package/utils/getColorState.42ed5268.js +0 -208
@@ -1,104 +0,0 @@
1
- import { F as s, T as o, C as r, M as L, L as M, I as n, a as i, R as p, B as d, b as c, c as l, P as u, S as g, d as B, e as F, D as P, A, f as T, g as b, h as y, i as I, j as S, k as v, l as C, m as R, 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 j, w as t, x as N, y as O, z as q, E as z, G as V } from "./MUIComponents/index.f50cd1c7.js";
2
- import { M as J, a as K, b as Q, c as U, d as W, e as X, f as Y, g as Z, h as _, i as $, j as m, k as e, l as h, m as aa, n as sa, o as oa, p as ra, q as La, r as Ma, s as na, t as ia, u as pa, v as da, w as ca, x as la, y as ua, z as ga, A as Ba, B as Fa, C as Pa, D as Aa, E as Ta, F as ba, G as ya, H as Ia, I as Sa, J as va, K as Ca, L as Ra, N as Da, O as ka, P as Ha, Q as fa, R as xa, S as wa, T as Ga } from "./M4LExtendedComponents/index.1cd7b9f2.js";
3
- import { M as Ea, a as ja, b as ta, c as Na, d as Oa, e as qa, f as za, g as Va } from "./M4LRHFComponents/index.2dbe138a.js";
4
- function Ua(a) {
5
- return Object.assign(
6
- s(a),
7
- o(a),
8
- r(a),
9
- L(a),
10
- M(a),
11
- n(a),
12
- i(),
13
- p(a),
14
- d(),
15
- c(a),
16
- l(a),
17
- u(a),
18
- g(a),
19
- B(a),
20
- F(a),
21
- P(a),
22
- A(a),
23
- T(a),
24
- b(a),
25
- y(a),
26
- I(a),
27
- S(),
28
- v(),
29
- C(a),
30
- R(a),
31
- D(a),
32
- k(a),
33
- H(a),
34
- f(a),
35
- x(a),
36
- w(a),
37
- G(a),
38
- E(a),
39
- j(a),
40
- t(),
41
- N(a),
42
- O(a),
43
- q(a),
44
- z(a),
45
- J(a),
46
- V(),
47
- K(a),
48
- Ea(a),
49
- ja(),
50
- ta(a),
51
- Na(),
52
- Oa(a),
53
- Q(),
54
- qa(a),
55
- za(),
56
- U(a),
57
- W(a),
58
- X(),
59
- Y(a),
60
- Z(a),
61
- _(),
62
- $(a),
63
- m(a),
64
- Va(a),
65
- e(a),
66
- h(a),
67
- aa(a),
68
- sa(a),
69
- oa(a),
70
- ra(a),
71
- La(a),
72
- Ma(a),
73
- na(a),
74
- ia(a),
75
- pa(),
76
- da(),
77
- ca(a),
78
- la(),
79
- ua(a),
80
- ga(),
81
- Ba(a),
82
- Fa(a),
83
- Pa(a),
84
- Aa(a),
85
- Ta(a),
86
- ba(a),
87
- ya(a),
88
- Ia(a),
89
- Sa(),
90
- va(),
91
- Ca(),
92
- Ra(a),
93
- Da(),
94
- ka(a),
95
- Ha(a),
96
- fa(a),
97
- xa(a),
98
- wa(a),
99
- Ga()
100
- );
101
- }
102
- export {
103
- Ua as f
104
- };
@@ -1,124 +0,0 @@
1
- import "@mui/material/styles";
2
- import "@mui/material/useMediaQuery";
3
- import "../utils/getColorPresets.5bb0236e.js";
4
- import "@mui/system";
5
- import "./defaultThemeOptions.85da8657.js";
6
- import "./shadows.1c46a94e.js";
7
- import "./palette.76ca123c.js";
8
- import "@mui/material";
9
- import { r as t, p as i } from "../utils/getFontValue.88831637.js";
10
- const e = "Poppins, sans-serif", p = {
11
- fontFamily: e,
12
- fontWeightRegular: 400,
13
- fontWeightMedium: 600,
14
- fontWeightBold: 700,
15
- h1: {
16
- fontWeight: 600,
17
- lineHeight: 1.5,
18
- ...t({ sm: 38, md: 40, lg: 40 })
19
- },
20
- h2: {
21
- fontWeight: 600,
22
- lineHeight: 1,
23
- ...t({ sm: 40, md: 44, lg: 48 })
24
- },
25
- h3: {
26
- fontWeight: 600,
27
- lineHeight: 1.5,
28
- ...t({ sm: 30, md: 32, lg: 32 })
29
- },
30
- h4: {
31
- fontWeight: 600,
32
- lineHeight: 1.5,
33
- ...t({ sm: 20, md: 24, lg: 24 })
34
- },
35
- h5: {
36
- fontWeight: 600,
37
- lineHeight: 1.5,
38
- ...t({ sm: 22, md: 24, lg: 24 })
39
- },
40
- h6: {
41
- fontWeight: 600,
42
- lineHeight: 28 / 18,
43
- ...t({ sm: 18, md: 18, lg: 18 })
44
- },
45
- subtitle: {
46
- fontWeight: 400,
47
- lineHeight: 1.5,
48
- ...t({ sm: 18, md: 16, lg: 16 })
49
- },
50
- subtitleDens: {
51
- fontWeight: 600,
52
- lineHeight: 1.5,
53
- ...t({ sm: 18, md: 16, lg: 16 })
54
- },
55
- paragraph: {
56
- fontWeight: 400,
57
- lineHeight: 1.429,
58
- ...t({ sm: 16, md: 14, lg: 14 })
59
- },
60
- paragraphDens: {
61
- fontWeight: 600,
62
- lineHeight: 1.429,
63
- ...t({ sm: 16, md: 14, lg: 14 })
64
- },
65
- subtitle1: {
66
- fontWeight: 600,
67
- lineHeight: 1.5,
68
- fontSize: i(14)
69
- },
70
- subtitle2: {
71
- fontWeight: 600,
72
- lineHeight: 1.5,
73
- fontSize: i(12)
74
- },
75
- body: {
76
- fontWeight: 400,
77
- lineHeight: 1.143,
78
- ...t({ sm: 14, md: 12, lg: 12 })
79
- },
80
- bodyDens: {
81
- fontWeight: 600,
82
- lineHeight: 1.143,
83
- ...t({ sm: 14, md: 12, lg: 12 })
84
- },
85
- body0: {
86
- lineHeight: 1.5,
87
- fontWeight: 400,
88
- fontSize: i(16)
89
- },
90
- body1: {
91
- lineHeight: 1.5,
92
- fontWeight: 400,
93
- fontSize: i(14)
94
- },
95
- body2: {
96
- lineHeight: 1.5,
97
- fontWeight: 400,
98
- fontSize: i(12)
99
- },
100
- caption: {
101
- lineHeight: 1.5,
102
- fontSize: i(11)
103
- },
104
- overline: {
105
- fontWeight: 700,
106
- lineHeight: 1.5,
107
- fontSize: i(12),
108
- textTransform: "uppercase"
109
- },
110
- button: {
111
- fontWeight: 700,
112
- lineHeight: 24 / 14,
113
- fontSize: i(14),
114
- textTransform: "capitalize"
115
- },
116
- action: {
117
- fontWeight: 500,
118
- lineHeight: 1.667,
119
- ...t({ sm: 14, md: 12, lg: 12 })
120
- }
121
- };
122
- export {
123
- p as t
124
- };
@@ -1,208 +0,0 @@
1
- import { alpha as r } from "@mui/system";
2
- import "../theme/defaultThemeOptions.85da8657.js";
3
- import "../theme/shadows.1c46a94e.js";
4
- import { P as e, S as o } from "../theme/palette.76ca123c.js";
5
- import "../theme/typography.89adddae.js";
6
- import "@mui/material";
7
- import "@mui/material/styles";
8
- const v = (t, a) => {
9
- let l = {};
10
- switch (t) {
11
- case "patronus":
12
- l = {
13
- light: {
14
- active12: r(e?.patronusBlue[50], 0.08),
15
- active: e?.patronusBlue[50],
16
- focus: e?.patronusBlue[40],
17
- hover: e?.patronusBlue[40],
18
- overdefoult: r(e?.coolGrey[30], 0.16),
19
- default: r(e?.marbleLight[60], 0.45),
20
- borderDefault: e?.coolGrey[10],
21
- borderTop: e?.marbleLight[10],
22
- toneOp: "#D9E9FC",
23
- scrollBar: "#bcc5c8",
24
- gridHover: "#e7eeef",
25
- ...o
26
- },
27
- dark: {
28
- active12: r(e?.patronusBlue[50], 0.08),
29
- active: e?.patronusBlue[50],
30
- focus: e?.patronusBlue[30],
31
- hover: e?.patronusBlue[30],
32
- overdefoult: r(e?.marbleLight[10], 0.1),
33
- default: r(e?.marbleLight[70], 0.02),
34
- borderDefault: e?.coolGrey[60],
35
- borderTop: r(e?.marbleLight[10], 0.04),
36
- toneOp: "#2C4053",
37
- scrollBar: "#414950",
38
- gridHover: "#282d2d",
39
- ...o
40
- }
41
- };
42
- break;
43
- case "turqui":
44
- l = {
45
- light: {
46
- active12: r(e?.turquiBlue[50], 0.08),
47
- active: e?.turquiBlue[50],
48
- focus: e?.turquiBlue[70],
49
- hover: e?.turquiBlue[70],
50
- overdefoult: r(e?.coolGrey[30], 0.16),
51
- default: r(e?.marbleLight[60], 0.45),
52
- borderDefault: e?.coolGrey[40],
53
- borderTop: e?.marbleLight[10],
54
- toneOp: "#DEE9EB",
55
- scrollBar: "#bcc5c8",
56
- gridHover: "#e7eeef",
57
- ...o
58
- },
59
- dark: {
60
- active12: r(e?.turquiBlue[50], 0.08),
61
- active: e?.turquiBlue[50],
62
- focus: e?.turquiBlue[30],
63
- hover: e?.turquiBlue[30],
64
- overdefoult: r(e?.marbleLight[10], 0.1),
65
- default: r(e?.marbleLight[70], 0.02),
66
- borderDefault: e?.coolGrey[20],
67
- borderTop: r(e?.marbleLight[10], 0.04),
68
- toneOp: "#314042",
69
- scrollBar: "#414950",
70
- gridHover: "#282d2d",
71
- ...o
72
- }
73
- };
74
- break;
75
- case "grass":
76
- l = {
77
- light: {
78
- active12: r(e?.grassGreen[50], 0.08),
79
- active: e?.grassGreen[50],
80
- focus: e?.grassGreen[70],
81
- hover: e?.grassGreen[70],
82
- overdefoult: r(e?.coolGrey[30], 0.16),
83
- default: r(e?.marbleLight[60], 0.45),
84
- borderDefault: e?.coolGrey[40],
85
- borderTop: e?.marbleLight[10],
86
- toneOp: "#D9ECE6",
87
- scrollBar: "#bcc5c8",
88
- gridHover: "#e7eeef",
89
- ...o
90
- },
91
- dark: {
92
- active12: r(e?.grassGreen[50], 0.08),
93
- active: e?.grassGreen[50],
94
- focus: e?.grassGreen[40],
95
- hover: e?.grassGreen[40],
96
- overdefoult: r(e?.marbleLight[10], 0.1),
97
- default: r(e?.marbleLight[70], 0.02),
98
- borderDefault: e?.coolGrey[20],
99
- borderTop: r(e?.marbleLight[10], 0.04),
100
- toneOp: "#2C433D",
101
- scrollBar: "#414950",
102
- gridHover: "#282d2d",
103
- ...o
104
- }
105
- };
106
- break;
107
- case "brown":
108
- l = {
109
- light: {
110
- active12: r(e?.brown[50], 0.08),
111
- active: e?.brown[50],
112
- focus: e?.brown[90],
113
- hover: e?.brown[90],
114
- overdefoult: r(e?.coolGrey[30], 0.16),
115
- default: r(e?.marbleLight[60], 0.45),
116
- borderDefault: e?.coolGrey[40],
117
- borderTop: e?.marbleLight[10],
118
- toneOp: "#ECEAE6",
119
- scrollBar: "#bcc5c8",
120
- gridHover: "#e7eeef",
121
- ...o
122
- },
123
- dark: {
124
- active12: r(e?.brown[50], 0.08),
125
- active: e?.brown[50],
126
- focus: e?.brown[30],
127
- hover: e?.brown[30],
128
- overdefoult: r(e?.marbleLight[10], 0.1),
129
- default: r(e?.marbleLight[70], 0.02),
130
- borderDefault: e?.coolGrey[20],
131
- borderTop: r(e?.marbleLight[10], 0.04),
132
- toneOp: "#3F413D",
133
- scrollBar: "#414950",
134
- gridHover: "#282d2d",
135
- ...o
136
- }
137
- };
138
- break;
139
- case "blaze":
140
- l = {
141
- light: {
142
- active12: r(e?.blazeOrange[50], 0.08),
143
- active: e?.blazeOrange[50],
144
- focus: e?.blazeOrange[70],
145
- hover: e?.blazeOrange[70],
146
- overdefoult: r(e?.coolGrey[60], 0.1),
147
- default: r(e?.marbleLight[60], 0.45),
148
- borderDefault: e?.coolGrey[40],
149
- borderTop: e?.marbleLight[10],
150
- toneOp: "#F2F0EB",
151
- scrollBar: "#bcc5c8",
152
- gridHover: "#e7eeef",
153
- ...o
154
- },
155
- dark: {
156
- active12: r(e?.blazeOrange[50], 0.08),
157
- active: e?.blazeOrange[50],
158
- focus: e?.blazeOrange[30],
159
- hover: e?.blazeOrange[30],
160
- overdefoult: r(e?.marbleLight[10], 0.1),
161
- default: r(e?.marbleLight[70], 0.02),
162
- borderDefault: e?.coolGrey[20],
163
- borderTop: r(e?.marbleLight[10], 0.04),
164
- toneOp: "#454742",
165
- scrollBar: "#414950",
166
- gridHover: "#282d2d",
167
- ...o
168
- }
169
- };
170
- break;
171
- default:
172
- l = {
173
- light: {
174
- active12: r(e?.turquiBlue[50], 0.08),
175
- active: e?.turquiBlue[50],
176
- focus: e?.turquiBlue[70],
177
- hover: e?.turquiBlue[70],
178
- overdefoult: r(e?.coolGrey[30], 0.16),
179
- default: r(e?.marbleLight[60], 0.45),
180
- borderDefault: e?.coolGrey[40],
181
- borderTop: e?.marbleLight[10],
182
- toneOp: "#D9E9FC",
183
- scrollBar: "#bcc5c8",
184
- gridHover: "#e7eeef",
185
- ...o
186
- },
187
- dark: {
188
- active12: r(e?.turquiBlue[50], 0.08),
189
- active: e?.turquiBlue[50],
190
- focus: e?.turquiBlue[30],
191
- hover: e?.turquiBlue[30],
192
- overdefoult: r(e?.marbleLight[10], 0.1),
193
- default: r(e?.marbleLight[70], 0.02),
194
- borderDefault: e?.coolGrey[20],
195
- borderTop: r(e?.marbleLight[10], 0.04),
196
- toneOp: "#2C4053",
197
- scrollBar: "#414950",
198
- gridHover: "#282d2d",
199
- ...o
200
- }
201
- };
202
- break;
203
- }
204
- return a === "light" ? { ...l.light } : { ...l.dark };
205
- };
206
- export {
207
- v as g
208
- };