@m4l/styles 0.0.34 → 0.0.36

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 +63 -10
  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 +177 -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.bb252f51.js} +621 -323
  21. package/theme/overrides/M4LRHFComponents/{index.d7a80536.js → index.8ab5d2b9.js} +1 -1
  22. package/theme/overrides/{index.2d07abe3.js → index.9d5ad9da.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
package/index.js CHANGED
@@ -1,41 +1,41 @@
1
- import { g as f, m as x } from "./config.5405b46b.js";
2
- import { d as g } from "./theme/defaultThemeOptions.66a289a7.js";
3
- import { c as u, s as d } from "./theme/shadows.a726d8c6.js";
4
- import { P as S, p as C } from "./theme/palette.1b577d8c.js";
5
- import { t as R } from "./theme/typography.b14a8e35.js";
6
- import { f as c } from "./theme/overrides/index.2d07abe3.js";
7
- import { u as T } from "./utils/useResponsive.2c45e8e0.js";
8
- import { g as w } from "./utils/getColorState.ce01540c.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.479f9922.js";
10
- import { g as N, p as U, a as j, r as D } from "./utils/getFontValue.88831637.js";
11
- import "@mui/material";
1
+ import { d as f } from "./theme/defaultThemeOptions.5e505df7.js";
2
+ import { c as l, s as g } from "./theme/shadows.479d005a.js";
3
+ import { P as u, p as d } from "./theme/palette.1b577d8c.js";
4
+ import { t as S } from "./theme/typography.927a0f62.js";
5
+ import { f as O } from "./theme/overrides/index.9d5ad9da.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.479f9922.js";
8
+ import { g as k } from "./utils/getColorState.4b06bb84.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";
12
11
  import "@mui/material/styles";
13
- import "./theme/overrides/MUIComponents/index.b3f5b7a7.js";
14
- import "./theme/overrides/M4LExtendedComponents/index.e406c71f.js";
15
- import "@mui/system";
16
- import "./theme/overrides/M4LRHFComponents/index.d7a80536.js";
17
12
  import "@mui/material/useMediaQuery";
13
+ import "@mui/system";
14
+ import "@mui/material";
15
+ import "./theme/overrides/MUIComponents/index.b3f5b7a7.js";
16
+ import "./theme/overrides/M4LExtendedComponents/index.bb252f51.js";
17
+ import "./theme/overrides/M4LRHFComponents/index.8ab5d2b9.js";
18
18
  export {
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
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
41
41
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/styles",
3
- "version": "0.0.34",
3
+ "version": "0.0.36",
4
4
  "license": "UNLICENSED",
5
5
  "author": "m4l team",
6
6
  "dependencies": {
package/theme/{defaultThemeOptions.66a289a7.js → defaultThemeOptions.5e505df7.js} RENAMED
@@ -1,10 +1,13 @@
1
- import { t as a } from "./typography.b14a8e35.js";
1
+ import "@mui/material/styles";
2
+ import "@mui/material/useMediaQuery";
3
+ import { g as r } from "../utils/getColorPresets.479f9922.js";
4
+ import "@mui/system";
5
+ import { t as a } from "./typography.927a0f62.js";
2
6
  import { p as o } from "./palette.1b577d8c.js";
3
7
  import { alpha as s } from "@mui/material";
4
- import { s as e, c as p } from "./shadows.a726d8c6.js";
5
- import { g as r } from "../utils/getColorPresets.479f9922.js";
6
- import { g as m } from "../utils/getColorState.ce01540c.js";
7
- const f = {
8
+ import { s as p, c as e } from "./shadows.479d005a.js";
9
+ import { g as m } from "../utils/getColorState.4b06bb84.js";
10
+ const k = {
8
11
  typography: a,
9
12
  palette: {
10
13
  ...o.dark,
@@ -14,14 +17,14 @@ const f = {
14
17
  },
15
18
  shape: { borderRadius: 8 },
16
19
  direction: "rtl",
17
- shadows: e.dark,
20
+ shadows: p.dark,
18
21
  customShadows: {
19
22
  primary: `0 8px 16px 0 ${s(r("patronus").main, 0.2)}`,
20
- ...p("dark")
23
+ ...e("dark")
21
24
  },
22
25
  stretch: !0,
23
26
  spacing: (t) => `${0.5 * t}rem`
24
27
  };
25
28
  export {
26
- f as d
29
+ k as d
27
30
  };
package/theme/index.149cbcc9.js ADDED
@@ -0,0 +1,7 @@
1
+ import "./defaultThemeOptions.5e505df7.js";
2
+ import "./shadows.479d005a.js";
3
+ import "./palette.1b577d8c.js";
4
+ import "./typography.927a0f62.js";
5
+ import "@mui/material";
6
+ import "@mui/material/styles";
7
+ import "@mui/system";
package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts CHANGED
@@ -20,8 +20,6 @@ export declare const M4LAccordion: (theme: Theme) => {
20
20
  background?: undefined;
21
21
  '&.MuiAccordionSummary-root'?: undefined;
22
22
  test?: undefined;
23
- '&.MuiButtonBase-root'?: undefined;
24
- '& .M4LAccordion-content'?: undefined;
25
23
  '& .MuiButtonBase-root'?: undefined;
26
24
  } | {
27
25
  marginBottom: string;
@@ -29,11 +27,13 @@ export declare const M4LAccordion: (theme: Theme) => {
29
27
  border: string;
30
28
  borderColor: string;
31
29
  '& .MuiCollapse-root': {
30
+ padding: string;
32
31
  '& .MuiCollapse-wrapper': {
33
32
  '& .MuiCollapse-wrapperInner': {
34
33
  '& .MuiAccordion-region': {
35
- '$ .M4LAccordion-content': {
34
+ '& .M4LAccordion-content': {
36
35
  display: string;
36
+ flexDirection: string;
37
37
  gap: string;
38
38
  };
39
39
  };
@@ -49,8 +49,6 @@ export declare const M4LAccordion: (theme: Theme) => {
49
49
  background?: undefined;
50
50
  '&.MuiAccordionSummary-root'?: undefined;
51
51
  test?: undefined;
52
- '&.MuiButtonBase-root'?: undefined;
53
- '& .M4LAccordion-content'?: undefined;
54
52
  '& .MuiButtonBase-root'?: undefined;
55
53
  } | {
56
54
  padding: string;
@@ -59,7 +57,7 @@ export declare const M4LAccordion: (theme: Theme) => {
59
57
  minHeight: string;
60
58
  background: string;
61
59
  '&.MuiAccordionSummary-root': {
62
- Zheight: string;
60
+ height: string;
63
61
  minHeight: string;
64
62
  padding: string;
65
63
  '& .M4LAccordion-labelIcon': {
@@ -103,41 +101,57 @@ export declare const M4LAccordion: (theme: Theme) => {
103
101
  border?: undefined;
104
102
  borderColor?: undefined;
105
103
  '& .MuiCollapse-root'?: undefined;
106
- '&.MuiButtonBase-root'?: undefined;
107
- '& .M4LAccordion-content'?: undefined;
108
104
  '& .MuiButtonBase-root'?: undefined;
109
105
  } | {
110
- background: string;
111
- borderColor: string;
112
- borderRadius: string;
113
- padding: string;
114
- '&.MuiButtonBase-root': {
106
+ '& .MuiButtonBase-root': {
115
107
  padding: string;
108
+ borderRadius: string;
109
+ height: string;
110
+ minHeight: string;
116
111
  background: string;
117
112
  '&.MuiAccordionSummary-root': {
113
+ height: string;
114
+ minHeight: string;
118
115
  padding: string;
119
- background: string;
116
+ '&:hover': {
117
+ background: string;
118
+ };
119
+ '& .Mui-expanded'?: undefined;
120
120
  };
121
- };
122
- '& .M4LAccordion-content': {
123
- display: string;
124
- flexDirection: string;
125
- gap: string;
126
- '& .M4LPropertyValue-root:last-of-type': {
127
- borderBottom: string;
121
+ '& .MuiCollapse-root': {
122
+ background: string;
123
+ borderColor: string;
124
+ borderRadius: string;
125
+ padding: string;
126
+ '&.MuiButtonBase-root': {
127
+ padding: string;
128
+ background: string;
129
+ };
130
+ '& .M4LAccordion-content': {
131
+ display: string;
132
+ flexDirection: string;
133
+ gap: string;
134
+ '& .M4LPropertyValue-root:last-of-type': {
135
+ borderBottom: string;
136
+ };
137
+ };
128
138
  };
139
+ test?: undefined;
129
140
  };
141
+ padding?: undefined;
130
142
  display?: undefined;
131
143
  alignItems?: undefined;
132
144
  '& .MuiTypography-root'?: undefined;
133
145
  marginBottom?: undefined;
146
+ borderRadius?: undefined;
134
147
  border?: undefined;
148
+ borderColor?: undefined;
135
149
  '& .MuiCollapse-root'?: undefined;
136
150
  height?: undefined;
137
151
  minHeight?: undefined;
152
+ background?: undefined;
138
153
  '&.MuiAccordionSummary-root'?: undefined;
139
154
  test?: undefined;
140
- '& .MuiButtonBase-root'?: undefined;
141
155
  } | {
142
156
  '& .MuiButtonBase-root': {
143
157
  height: string;
@@ -155,8 +169,14 @@ export declare const M4LAccordion: (theme: Theme) => {
155
169
  };
156
170
  };
157
171
  };
172
+ padding?: undefined;
173
+ '&:hover'?: undefined;
158
174
  };
159
175
  test: string;
176
+ padding?: undefined;
177
+ borderRadius?: undefined;
178
+ background?: undefined;
179
+ '& .MuiCollapse-root'?: undefined;
160
180
  };
161
181
  padding?: undefined;
162
182
  display?: undefined;
@@ -172,8 +192,6 @@ export declare const M4LAccordion: (theme: Theme) => {
172
192
  background?: undefined;
173
193
  '&.MuiAccordionSummary-root'?: undefined;
174
194
  test?: undefined;
175
- '&.MuiButtonBase-root'?: undefined;
176
- '& .M4LAccordion-content'?: undefined;
177
195
  };
178
196
  width: string;
179
197
  background: string;
@@ -192,11 +210,13 @@ export declare const M4LAccordion: (theme: Theme) => {
192
210
  border: string;
193
211
  borderColor: string;
194
212
  '& .MuiCollapse-root': {
213
+ padding: string;
195
214
  '& .MuiCollapse-wrapper': {
196
215
  '& .MuiCollapse-wrapperInner': {
197
216
  '& .MuiAccordion-region': {
198
- '$ .M4LAccordion-content': {
217
+ '& .M4LAccordion-content': {
199
218
  display: string;
219
+ flexDirection: string;
200
220
  gap: string;
201
221
  };
202
222
  };
@@ -204,14 +224,14 @@ export declare const M4LAccordion: (theme: Theme) => {
204
224
  };
205
225
  };
206
226
  };
207
- '& .MuiButtonBase-root': {
227
+ '& .MuiButtonBase-root.Mui-expanded': {
208
228
  padding: string;
209
229
  borderRadius: string;
210
230
  height: string;
211
231
  minHeight: string;
212
232
  background: string;
213
233
  '&.MuiAccordionSummary-root': {
214
- Zheight: string;
234
+ height: string;
215
235
  minHeight: string;
216
236
  padding: string;
217
237
  '& .M4LAccordion-labelIcon': {
@@ -249,25 +269,38 @@ export declare const M4LAccordion: (theme: Theme) => {
249
269
  };
250
270
  test: string;
251
271
  };
252
- '& .MuiCollapse-root': {
253
- background: string;
254
- borderColor: string;
255
- borderRadius: string;
256
- padding: string;
257
- '&.MuiButtonBase-root': {
272
+ '& .MuiPaper-outlined': {
273
+ '& .MuiButtonBase-root': {
258
274
  padding: string;
275
+ borderRadius: string;
276
+ height: string;
277
+ minHeight: string;
259
278
  background: string;
260
279
  '&.MuiAccordionSummary-root': {
280
+ height: string;
281
+ minHeight: string;
261
282
  padding: string;
262
- background: string;
283
+ '&:hover': {
284
+ background: string;
285
+ };
263
286
  };
264
- };
265
- '& .M4LAccordion-content': {
266
- display: string;
267
- flexDirection: string;
268
- gap: string;
269
- '& .M4LPropertyValue-root:last-of-type': {
270
- borderBottom: string;
287
+ '& .MuiCollapse-root': {
288
+ background: string;
289
+ borderColor: string;
290
+ borderRadius: string;
291
+ padding: string;
292
+ '&.MuiButtonBase-root': {
293
+ padding: string;
294
+ background: string;
295
+ };
296
+ '& .M4LAccordion-content': {
297
+ display: string;
298
+ flexDirection: string;
299
+ gap: string;
300
+ '& .M4LPropertyValue-root:last-of-type': {
301
+ borderBottom: string;
302
+ };
303
+ };
271
304
  };
272
305
  };
273
306
  };
package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts CHANGED
@@ -198,26 +198,40 @@ export declare const M4LAccountPopover: (theme: Theme) => {
198
198
  gap: string;
199
199
  '& .M4LAccountPopover-containerUserName': {
200
200
  gap: string;
201
+ padding: string;
202
+ minHeight: string;
203
+ alignItems: string;
201
204
  '& .M4LIcon-root': {
202
205
  minWidth: string;
203
- minHeight: string;
206
+ height: string;
207
+ '& .M4LIcon-icon': {
208
+ minHeight: string;
209
+ minWidth: string;
210
+ };
204
211
  };
205
212
  "& .M4LAccountPopover-labelUserName": {
206
213
  width: string;
207
- minHeight: string;
214
+ height: string;
208
215
  };
209
216
  display?: undefined;
210
217
  flexDirection?: undefined;
211
218
  };
212
219
  '& .M4LAccountPopover-containerUserEmail': {
213
220
  gap: string;
221
+ padding: string;
222
+ minHeight: string;
223
+ alignItems: string;
214
224
  '& .M4LIcon-root': {
215
225
  minWidth: string;
216
- minHeight: string;
226
+ height: string;
227
+ '& .M4LIcon-icon': {
228
+ minHeight: string;
229
+ minWidth: string;
230
+ };
217
231
  };
218
232
  "& .M4LAccountPopover-labelUserEmail": {
219
233
  width: string;
220
- minHeight: string;
234
+ height: string;
221
235
  };
222
236
  display?: undefined;
223
237
  flexDirection?: undefined;
@@ -227,45 +241,67 @@ export declare const M4LAccountPopover: (theme: Theme) => {
227
241
  };
228
242
  '& .M4LAccountPopover-containerAppVersion': {
229
243
  gap: string;
244
+ padding: string;
245
+ minHeight: string;
246
+ alignItems: string;
230
247
  '& .M4LIcon-root': {
231
248
  minWidth: string;
232
- minHeight: string;
249
+ height: string;
250
+ '& .M4LIcon-icon': {
251
+ minHeight: string;
252
+ minWidth: string;
253
+ };
233
254
  };
234
255
  "& .M4LAccountPopover-labelVersion": {
235
256
  width: string;
236
- minHeight: string;
257
+ height: string;
237
258
  };
238
259
  };
239
260
  '& .M4LAccountPopover-containerMenuItems': {
240
261
  gap: string;
262
+ padding: string;
241
263
  '& .M4LAccountPopover-containerSetting': {
242
264
  gap: string;
265
+ padding: string;
266
+ minHeight: string;
267
+ alignItems: string;
243
268
  '&:hover': {
244
269
  background: string;
245
270
  };
246
271
  '& .M4LIcon-root': {
247
272
  minWidth: string;
248
- minHeight: string;
273
+ height: string;
274
+ '& .M4LIcon-icon': {
275
+ minHeight: string;
276
+ minWidth: string;
277
+ };
249
278
  };
250
279
  '& .M4LAccountPopover-menuItem': {
251
280
  width: string;
252
- minHeight: string;
281
+ height: string;
253
282
  };
254
283
  };
255
284
  };
256
285
  '& .M4LAccountPopover-containerlogOut': {
257
286
  gap: string;
258
287
  cursor: string;
288
+ padding: string;
289
+ minHeight: string;
290
+ alignItems: string;
259
291
  '&:hover': {
260
292
  background: string;
261
293
  };
262
294
  '& .M4LIcon-root': {
263
295
  minWidth: string;
264
- minHeight: string;
296
+ height: string;
297
+ '& .M4LIcon-icon': {
298
+ minHeight: string;
299
+ minWidth: string;
300
+ };
265
301
  };
266
302
  '& .M4LAccountPopover-logOut': {
267
303
  width: string;
268
- minHeight: string;
304
+ height: string;
269
305
  };
270
306
  };
271
307
  display?: undefined;
@@ -293,6 +329,9 @@ export declare const M4LAccountPopover: (theme: Theme) => {
293
329
  display: string;
294
330
  flexDirection: string;
295
331
  gap: string;
332
+ padding?: undefined;
333
+ minHeight?: undefined;
334
+ alignItems?: undefined;
296
335
  '& .M4LIcon-root'?: undefined;
297
336
  "& .M4LAccountPopover-labelUserName"?: undefined;
298
337
  };
@@ -300,6 +339,9 @@ export declare const M4LAccountPopover: (theme: Theme) => {
300
339
  display: string;
301
340
  flexDirection: string;
302
341
  gap: string;
342
+ padding?: undefined;
343
+ minHeight?: undefined;
344
+ alignItems?: undefined;
303
345
  '& .M4LIcon-root'?: undefined;
304
346
  "& .M4LAccountPopover-labelUserEmail"?: undefined;
305
347
  };