@m4l/styles 0.0.31 → 0.0.33

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 (65) hide show
  1. package/index.js +37 -37
  2. package/package.json +1 -1
  3. package/theme/defaultThemeOptions.8a0a9552.js +27 -0
  4. package/theme/index.34d0fdea.js +1 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +249 -29
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +412 -62
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +58 -3
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +718 -549
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +117 -57
  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 +60 -57
  13. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +13 -12
  14. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +21 -8
  15. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +107 -90
  16. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +2 -2
  17. package/theme/overrides/M4LExtendedComponents/M4LImageButton.d.ts +115 -0
  18. package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts +2 -1
  19. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +11 -2
  20. package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts +17 -0
  21. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +2 -4
  22. package/theme/overrides/M4LExtendedComponents/M4LPDFViewer.d.ts +17 -0
  23. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +0 -2
  24. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +1 -2
  25. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +455 -31
  26. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +102 -0
  27. package/theme/overrides/M4LExtendedComponents/M4LPrintingSystem.d.ts +1 -1
  28. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +189 -1
  29. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +1 -0
  30. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +103 -48
  31. package/theme/overrides/M4LExtendedComponents/M4LStack.d.ts +1 -0
  32. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +3 -0
  33. package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +1 -0
  34. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +19 -0
  35. package/theme/overrides/M4LExtendedComponents/M4LToastContainer.d.ts +79 -0
  36. package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +0 -4
  37. package/theme/overrides/M4LExtendedComponents/M4LanguagePopover.d.ts +16 -1
  38. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +350 -20
  39. package/theme/overrides/M4LExtendedComponents/M4LoadingError.d.ts +1 -4
  40. package/theme/overrides/M4LExtendedComponents/{index.1cd7b9f2.js → index.7ce8c9f6.js} +1544 -827
  41. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +101 -4
  42. package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.d.ts +178 -0
  43. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +107 -0
  44. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +160 -9
  45. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +5 -0
  46. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +9 -8
  47. package/theme/overrides/M4LRHFComponents/{index.2dbe138a.js → index.d7a80536.js} +303 -58
  48. package/theme/overrides/MUIComponents/Input.d.ts +5 -5
  49. package/theme/overrides/MUIComponents/{index.f50cd1c7.js → index.b3f5b7a7.js} +61 -140
  50. package/theme/overrides/index.c6df0378.js +106 -0
  51. package/theme/{palette.76ca123c.js → palette.c010be01.js} +91 -49
  52. package/theme/palette.d.ts +16 -6
  53. package/theme/{shadows.1c46a94e.js → shadows.f7e9f204.js} +26 -26
  54. package/theme/typography.b14a8e35.js +122 -0
  55. package/theme/typography.d.ts +19 -13
  56. package/types/augmentations.d.ts +1 -1
  57. package/utils/{getColorPresets.5bb0236e.js → getColorPresets.fd669756.js} +1 -1
  58. package/utils/getColorState.5e26c43a.js +239 -0
  59. package/utils/getColorState.d.ts +5 -0
  60. package/theme/defaultThemeOptions.85da8657.js +0 -30
  61. package/theme/index.4dffae0a.js +0 -7
  62. package/theme/overrides/MUIComponents/Tabs.d.ts +0 -903
  63. package/theme/overrides/index.a465322b.js +0 -104
  64. package/theme/typography.89adddae.js +0 -124
  65. package/utils/getColorState.42ed5268.js +0 -208
package/index.js CHANGED
@@ -1,41 +1,41 @@
1
- import { d as f } from "./theme/defaultThemeOptions.85da8657.js";
2
- import { c as l, s as g } from "./theme/shadows.1c46a94e.js";
3
- import { P as u, p as d } from "./theme/palette.76ca123c.js";
4
- import { t as S } from "./theme/typography.89adddae.js";
5
- import { f as O } from "./theme/overrides/index.a465322b.js";
6
- import { u as b } from "./utils/useResponsive.2c45e8e0.js";
7
- import { e as h, b as T, c as v, d as w, g as z, a as y, t as F } from "./utils/getColorPresets.5bb0236e.js";
8
- import { g as k } from "./utils/getColorState.42ed5268.js";
9
- import { g as A, p as B, a as L, r as N } from "./utils/getFontValue.88831637.js";
10
- import { g as j, m as D } from "./config.5405b46b.js";
1
+ import { g as f, m as x } from "./config.5405b46b.js";
2
+ import { d as g } from "./theme/defaultThemeOptions.8a0a9552.js";
3
+ import { c as u, s as d } from "./theme/shadows.f7e9f204.js";
4
+ import { P as S, p as C } from "./theme/palette.c010be01.js";
5
+ import { t as R } from "./theme/typography.b14a8e35.js";
6
+ import { f as c } from "./theme/overrides/index.c6df0378.js";
7
+ import { u as T } from "./utils/useResponsive.2c45e8e0.js";
8
+ import { g as w } from "./utils/getColorState.5e26c43a.js";
9
+ import { e as y, b as F, c as V, d as k, g as q, a as A, t as B } from "./utils/getColorPresets.fd669756.js";
10
+ import { g as N, p as U, a as j, r as D } from "./utils/getFontValue.88831637.js";
11
+ import "@mui/material";
11
12
  import "@mui/material/styles";
12
- import "@mui/material/useMediaQuery";
13
+ import "./theme/overrides/MUIComponents/index.b3f5b7a7.js";
14
+ import "./theme/overrides/M4LExtendedComponents/index.7ce8c9f6.js";
13
15
  import "@mui/system";
14
- import "@mui/material";
15
- import "./theme/overrides/MUIComponents/index.f50cd1c7.js";
16
- import "./theme/overrides/M4LExtendedComponents/index.1cd7b9f2.js";
17
- import "./theme/overrides/M4LRHFComponents/index.2dbe138a.js";
16
+ import "./theme/overrides/M4LRHFComponents/index.d7a80536.js";
17
+ import "@mui/material/useMediaQuery";
18
18
  export {
19
- u as PATRONUSCOLORS,
20
- h as blaze,
21
- T as brown,
22
- v as colorPresets,
23
- l as createCustomShadows,
24
- w as defaultPreset,
25
- f as defaultThemeOptions,
26
- O as fnComponentsOverrides,
27
- z as getColorPresets,
28
- k as getColorState,
29
- A as getFontValue,
30
- j as globalRemSize,
31
- y as grass,
32
- D as muiBreakpointsValues,
33
- d as palette,
34
- B as pxToRem,
35
- L as remToPx,
36
- N as responsiveFontSizes,
37
- g as shadows,
38
- F as turqui,
39
- S as typography,
40
- b as useResponsive
19
+ S as PATRONUSCOLORS,
20
+ y as blaze,
21
+ F as brown,
22
+ V as colorPresets,
23
+ u as createCustomShadows,
24
+ k as defaultPreset,
25
+ g as defaultThemeOptions,
26
+ c as fnComponentsOverrides,
27
+ q as getColorPresets,
28
+ w as getColorState,
29
+ N as getFontValue,
30
+ f as globalRemSize,
31
+ A as grass,
32
+ x as muiBreakpointsValues,
33
+ C as palette,
34
+ U as pxToRem,
35
+ j as remToPx,
36
+ D as responsiveFontSizes,
37
+ d as shadows,
38
+ B as turqui,
39
+ R as typography,
40
+ T as useResponsive
41
41
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/styles",
3
- "version": "0.0.31",
3
+ "version": "0.0.33",
4
4
  "license": "UNLICENSED",
5
5
  "author": "m4l team",
6
6
  "dependencies": {
@@ -0,0 +1,27 @@
1
+ import { t as a } from "./typography.b14a8e35.js";
2
+ import { p as o } from "./palette.c010be01.js";
3
+ import { alpha as s } from "@mui/material";
4
+ import { s as e, c as p } from "./shadows.f7e9f204.js";
5
+ import { g as r } from "../utils/getColorPresets.fd669756.js";
6
+ import { g as m } from "../utils/getColorState.5e26c43a.js";
7
+ const f = {
8
+ typography: a,
9
+ palette: {
10
+ ...o.dark,
11
+ primary: r("patronus"),
12
+ state: { ...m("patronus", "dark") },
13
+ representative: r("patronus").darker
14
+ },
15
+ shape: { borderRadius: 8 },
16
+ direction: "rtl",
17
+ shadows: e.dark,
18
+ customShadows: {
19
+ primary: `0 8px 16px 0 ${s(r("patronus").main, 0.2)}`,
20
+ ...p("dark")
21
+ },
22
+ stretch: !0,
23
+ spacing: (t) => `${0.5 * t}rem`
24
+ };
25
+ export {
26
+ f as d
27
+ };
@@ -0,0 +1 @@
1
+
@@ -3,52 +3,272 @@ export declare const M4LAccordion: (theme: Theme) => {
3
3
  M4LAccordion: {
4
4
  styleOverrides: {
5
5
  '&.M4LAccordion-root': {
6
+ [x: string]: string | {
7
+ padding: string;
8
+ display: string;
9
+ alignItems: string;
10
+ '& .MuiTypography-root': {
11
+ color: string;
12
+ };
13
+ marginBottom?: undefined;
14
+ borderRadius?: undefined;
15
+ border?: undefined;
16
+ borderColor?: undefined;
17
+ '& .MuiCollapse-root'?: undefined;
18
+ height?: undefined;
19
+ minHeight?: undefined;
20
+ background?: undefined;
21
+ '&.MuiAccordionSummary-root'?: undefined;
22
+ test?: undefined;
23
+ '&.MuiButtonBase-root'?: undefined;
24
+ '& .M4LAccordion-content'?: undefined;
25
+ '& .MuiButtonBase-root'?: undefined;
26
+ } | {
27
+ marginBottom: string;
28
+ borderRadius: string;
29
+ border: string;
30
+ borderColor: string;
31
+ '& .MuiCollapse-root': {
32
+ '& .MuiCollapse-wrapper': {
33
+ '& .MuiCollapse-wrapperInner': {
34
+ '& .MuiAccordion-region': {
35
+ '$ .M4LAccordion-content': {
36
+ display: string;
37
+ gap: string;
38
+ };
39
+ };
40
+ };
41
+ };
42
+ };
43
+ padding?: undefined;
44
+ display?: undefined;
45
+ alignItems?: undefined;
46
+ '& .MuiTypography-root'?: undefined;
47
+ height?: undefined;
48
+ minHeight?: undefined;
49
+ background?: undefined;
50
+ '&.MuiAccordionSummary-root'?: undefined;
51
+ test?: undefined;
52
+ '&.MuiButtonBase-root'?: undefined;
53
+ '& .M4LAccordion-content'?: undefined;
54
+ '& .MuiButtonBase-root'?: undefined;
55
+ } | {
56
+ padding: string;
57
+ borderRadius: string;
58
+ height: string;
59
+ minHeight: string;
60
+ background: string;
61
+ '&.MuiAccordionSummary-root': {
62
+ Zheight: string;
63
+ minHeight: string;
64
+ padding: string;
65
+ '& .M4LAccordion-labelIcon': {
66
+ display: string;
67
+ flexDirection: string;
68
+ justifyContent: string;
69
+ '& .M4LIcon-root': {
70
+ padding: string;
71
+ };
72
+ };
73
+ '& .Mui-expanded': {
74
+ background: string;
75
+ height: string;
76
+ minHeight: string;
77
+ '& .MuiButtonBase-root': {
78
+ '&.MuiAccordionSummary-content': {
79
+ borderRadius: string;
80
+ background: string;
81
+ height: string;
82
+ minHeight: string;
83
+ };
84
+ '& .M4LTypography-root': {
85
+ '& .MuiTypography-root': {
86
+ color: string;
87
+ };
88
+ };
89
+ '& .MuiAccordionSummary-expandIconWrapper': {
90
+ transform: string;
91
+ };
92
+ '& .M4LAccordion-endIcon': {
93
+ transform: string;
94
+ };
95
+ };
96
+ };
97
+ };
98
+ test: string;
99
+ display?: undefined;
100
+ alignItems?: undefined;
101
+ '& .MuiTypography-root'?: undefined;
102
+ marginBottom?: undefined;
103
+ border?: undefined;
104
+ borderColor?: undefined;
105
+ '& .MuiCollapse-root'?: undefined;
106
+ '&.MuiButtonBase-root'?: undefined;
107
+ '& .M4LAccordion-content'?: undefined;
108
+ '& .MuiButtonBase-root'?: undefined;
109
+ } | {
110
+ background: string;
111
+ borderColor: string;
112
+ borderRadius: string;
113
+ padding: string;
114
+ '&.MuiButtonBase-root': {
115
+ padding: string;
116
+ background: string;
117
+ '&.MuiAccordionSummary-root': {
118
+ padding: string;
119
+ background: string;
120
+ };
121
+ };
122
+ '& .M4LAccordion-content': {
123
+ display: string;
124
+ flexDirection: string;
125
+ gap: string;
126
+ '& .M4LPropertyValue-root:last-of-type': {
127
+ borderBottom: string;
128
+ };
129
+ };
130
+ display?: undefined;
131
+ alignItems?: undefined;
132
+ '& .MuiTypography-root'?: undefined;
133
+ marginBottom?: undefined;
134
+ border?: undefined;
135
+ '& .MuiCollapse-root'?: undefined;
136
+ height?: undefined;
137
+ minHeight?: undefined;
138
+ '&.MuiAccordionSummary-root'?: undefined;
139
+ test?: undefined;
140
+ '& .MuiButtonBase-root'?: undefined;
141
+ } | {
142
+ '& .MuiButtonBase-root': {
143
+ height: string;
144
+ minHeight: string;
145
+ '&.MuiAccordionSummary-root': {
146
+ height: string;
147
+ minHeight: string;
148
+ '& .Mui-expanded': {
149
+ height: string;
150
+ minHeight: string;
151
+ '& .MuiButtonBase-root': {
152
+ '&.MuiAccordionSummary-content': {
153
+ height: string;
154
+ minHeight: string;
155
+ };
156
+ };
157
+ };
158
+ };
159
+ test: string;
160
+ };
161
+ padding?: undefined;
162
+ display?: undefined;
163
+ alignItems?: undefined;
164
+ '& .MuiTypography-root'?: undefined;
165
+ marginBottom?: undefined;
166
+ borderRadius?: undefined;
167
+ border?: undefined;
168
+ borderColor?: undefined;
169
+ '& .MuiCollapse-root'?: undefined;
170
+ height?: undefined;
171
+ minHeight?: undefined;
172
+ background?: undefined;
173
+ '&.MuiAccordionSummary-root'?: undefined;
174
+ test?: undefined;
175
+ '&.MuiButtonBase-root'?: undefined;
176
+ '& .M4LAccordion-content'?: undefined;
177
+ };
6
178
  width: string;
7
179
  background: string;
8
180
  borderRadius: string;
9
181
  '& .M4LTypography-root': {
182
+ padding: string;
183
+ display: string;
184
+ alignItems: string;
10
185
  '& .MuiTypography-root': {
11
186
  color: string;
12
187
  };
13
188
  };
14
189
  '& .MuiPaper-root': {
15
- background: string;
16
190
  marginBottom: string;
17
191
  borderRadius: string;
192
+ border: string;
193
+ borderColor: string;
194
+ '& .MuiCollapse-root': {
195
+ '& .MuiCollapse-wrapper': {
196
+ '& .MuiCollapse-wrapperInner': {
197
+ '& .MuiAccordion-region': {
198
+ '$ .M4LAccordion-content': {
199
+ display: string;
200
+ gap: string;
201
+ };
202
+ };
203
+ };
204
+ };
205
+ };
18
206
  };
19
- };
20
- '& .MuiButtonBase-root': {
21
- padding: string;
22
- borderRadius: string;
23
- "&:hover": {
207
+ '& .MuiButtonBase-root': {
208
+ padding: string;
209
+ borderRadius: string;
210
+ height: string;
211
+ minHeight: string;
24
212
  background: string;
213
+ '&.MuiAccordionSummary-root': {
214
+ Zheight: string;
215
+ minHeight: string;
216
+ padding: string;
217
+ '& .M4LAccordion-labelIcon': {
218
+ display: string;
219
+ flexDirection: string;
220
+ justifyContent: string;
221
+ '& .M4LIcon-root': {
222
+ padding: string;
223
+ };
224
+ };
225
+ '& .Mui-expanded': {
226
+ background: string;
227
+ height: string;
228
+ minHeight: string;
229
+ '& .MuiButtonBase-root': {
230
+ '&.MuiAccordionSummary-content': {
231
+ borderRadius: string;
232
+ background: string;
233
+ height: string;
234
+ minHeight: string;
235
+ };
236
+ '& .M4LTypography-root': {
237
+ '& .MuiTypography-root': {
238
+ color: string;
239
+ };
240
+ };
241
+ '& .MuiAccordionSummary-expandIconWrapper': {
242
+ transform: string;
243
+ };
244
+ '& .M4LAccordion-endIcon': {
245
+ transform: string;
246
+ };
247
+ };
248
+ };
249
+ };
250
+ test: string;
25
251
  };
26
- '&.MuiAccordionSummary-root.Mui-expanded': {
252
+ '& .MuiCollapse-root': {
27
253
  background: string;
28
- '& .M4LTypography-root': {
29
- '& .MuiTypography-root': {
30
- color: string;
254
+ borderColor: string;
255
+ borderRadius: string;
256
+ padding: string;
257
+ '&.MuiButtonBase-root': {
258
+ padding: string;
259
+ background: string;
260
+ '&.MuiAccordionSummary-root': {
261
+ padding: string;
262
+ background: string;
31
263
  };
32
264
  };
33
- '& .MuiAccordionSummary-expandIconWrapper': {
34
- transform: string;
35
- };
36
- '& .M4LAccordion-endIcon': {
37
- transform: string;
38
- };
39
- '& .M4LIconButton-root': {};
40
- };
41
- test: string;
42
- };
43
- '& .MuiCollapse-root': {
44
- background: string;
45
- borderTop: string;
46
- borderColor: string;
47
- borderRadius: string;
48
- padding: string;
49
- '& .M4LAccordion-content': {
50
- '& .M4LPropertyValue-root:last-of-type': {
51
- borderBottom: string;
265
+ '& .M4LAccordion-content': {
266
+ display: string;
267
+ flexDirection: string;
268
+ gap: string;
269
+ '& .M4LPropertyValue-root:last-of-type': {
270
+ borderBottom: string;
271
+ };
52
272
  };
53
273
  };
54
274
  };