@m4l/styles 0.0.35 → 0.0.37

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 CHANGED
@@ -2,7 +2,7 @@ import { d as f } from "./theme/defaultThemeOptions.5e505df7.js";
2
2
  import { c as l, s as g } from "./theme/shadows.479d005a.js";
3
3
  import { P as u, p as d } from "./theme/palette.1b577d8c.js";
4
4
  import { t as S } from "./theme/typography.927a0f62.js";
5
- import { f as O } from "./theme/overrides/index.0ca75445.js";
5
+ import { f as O } from "./theme/overrides/index.947b72ed.js";
6
6
  import { u as b } from "./utils/useResponsive.2c45e8e0.js";
7
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
8
  import { g as k } from "./utils/getColorState.4b06bb84.js";
@@ -13,8 +13,8 @@ import "@mui/material/useMediaQuery";
13
13
  import "@mui/system";
14
14
  import "@mui/material";
15
15
  import "./theme/overrides/MUIComponents/index.b3f5b7a7.js";
16
- import "./theme/overrides/M4LExtendedComponents/index.1e3b4f6c.js";
17
- import "./theme/overrides/M4LRHFComponents/index.8ab5d2b9.js";
16
+ import "./theme/overrides/M4LExtendedComponents/index.e3b8814c.js";
17
+ import "./theme/overrides/M4LRHFComponents/index.15a2012d.js";
18
18
  export {
19
19
  u as PATRONUSCOLORS,
20
20
  h as blaze,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/styles",
3
- "version": "0.0.35",
3
+ "version": "0.0.37",
4
4
  "license": "UNLICENSED",
5
5
  "author": "m4l team",
6
6
  "dependencies": {
@@ -75,6 +75,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
75
75
  '& .rdg-cell'?: undefined;
76
76
  '& .rdg-cell[role="gridcell"]'?: undefined;
77
77
  '& .rdg-cell[role="columnheader"] .rdg-header-sort-name'?: undefined;
78
+ '& .rdg-cell[role="columnheader"] [draggable="true"]'?: undefined;
78
79
  '& [aria-selected=true]'?: undefined;
79
80
  '& .rdg-cell.rdg-cell-align-left'?: undefined;
80
81
  '& .rdg-cell.rdg-cell-align-center'?: undefined;
@@ -179,6 +180,9 @@ export declare const M4LDataGrid: (theme: Theme) => {
179
180
  '& .rdg-cell[role="columnheader"] .rdg-header-sort-name': {
180
181
  lineHeight: string;
181
182
  };
183
+ '& .rdg-cell[role="columnheader"] [draggable="true"]': {
184
+ lineHeight: string;
185
+ };
182
186
  '& [aria-selected=true]': {
183
187
  backgroundColor: string;
184
188
  color: string;
@@ -219,13 +223,13 @@ export declare const M4LDataGrid: (theme: Theme) => {
219
223
  gridTemplateColumns: string;
220
224
  borderBottom: string;
221
225
  borderColor: string;
226
+ '& [draggable="true"]': {
227
+ fontSize: Record<string, any>;
228
+ };
222
229
  '&.rdg-cell-frozen-last': {
223
230
  borderColor: string;
224
231
  boxShadow: string;
225
- '&:after': {
226
- borderRight: string;
227
- borderColor: string;
228
- };
232
+ '&:after': {};
229
233
  };
230
234
  '& .rdg-header-sort-cell': {
231
235
  '& .rdg-header-sort-name + span': {
@@ -363,6 +367,9 @@ export declare const M4LDataGrid: (theme: Theme) => {
363
367
  '& .rdg-cell[role="columnheader"] .rdg-header-sort-name': {
364
368
  lineHeight: string;
365
369
  };
370
+ '& .rdg-cell[role="columnheader"] [draggable="true"]': {
371
+ lineHeight: string;
372
+ };
366
373
  '& [aria-selected=true]': {
367
374
  backgroundColor: string;
368
375
  color: string;
@@ -403,13 +410,13 @@ export declare const M4LDataGrid: (theme: Theme) => {
403
410
  gridTemplateColumns: string;
404
411
  borderBottom: string;
405
412
  borderColor: string;
413
+ '& [draggable="true"]': {
414
+ fontSize: Record<string, any>;
415
+ };
406
416
  '&.rdg-cell-frozen-last': {
407
417
  borderColor: string;
408
418
  boxShadow: string;
409
- '&:after': {
410
- borderRight: string;
411
- borderColor: string;
412
- };
419
+ '&:after': {};
413
420
  };
414
421
  '& .rdg-header-sort-cell': {
415
422
  '& .rdg-header-sort-name + span': {
@@ -951,6 +951,7 @@ export declare const M4LPrintingSystem: (theme: Theme) => {
951
951
  };
952
952
  '& .M4LPrintingSystem-gridNodeRoot': {
953
953
  borderCollapse: string;
954
+ width: string;
954
955
  '& .M4LPrintingSystem-gridNodeTh': {
955
956
  color: string;
956
957
  '&:first-of-type': {
@@ -11,12 +11,14 @@ export declare const M4LSideBar: (theme: Theme) => {
11
11
  width?: undefined;
12
12
  height?: undefined;
13
13
  padding?: undefined;
14
+ transition?: undefined;
14
15
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
15
16
  '& .M4LSideBar-contentGroups'?: undefined;
16
17
  '& .M4LSideBar-collapseButton'?: undefined;
17
18
  } | {
18
19
  "& .M4LSideBar-wrapperSideBar": {
19
20
  width: string;
21
+ transition: string;
20
22
  "& .M4LSideBar-contentDesktop": {
21
23
  '& .M4LSideBar-contentGroups': {
22
24
  '& .M4LSideBar-itemListMainRoot': {
@@ -28,6 +30,11 @@ export declare const M4LSideBar: (theme: Theme) => {
28
30
  alignItems: string;
29
31
  '& .M4LSideBar-navItemRootContent': {
30
32
  padding: string;
33
+ minHeight: string;
34
+ '::before': {
35
+ height: string;
36
+ width: string;
37
+ };
31
38
  '& .M4LSideBar-navItemRootContentIconTypo': {
32
39
  width: string;
33
40
  minHeight: string;
@@ -35,6 +42,7 @@ export declare const M4LSideBar: (theme: Theme) => {
35
42
  minWidth: string;
36
43
  margin: string;
37
44
  '& .M4LIcon-root': {
45
+ paddingTop: string;
38
46
  minWidth: string;
39
47
  minHeight: string;
40
48
  };
@@ -42,9 +50,21 @@ export declare const M4LSideBar: (theme: Theme) => {
42
50
  };
43
51
  };
44
52
  };
53
+ '& .M4LSideBar-itemMainActive': {
54
+ '& .M4LSideBar-navItemMainRoot': {
55
+ '& .M4LSideBar-navItemRootContent': {
56
+ '& .M4LSideBar-navItemRootContentIconTypo': {
57
+ '& .M4LIcon-root': {
58
+ paddingTop: string;
59
+ };
60
+ };
61
+ };
62
+ };
63
+ };
45
64
  };
46
65
  '& .M4LSideBar-collapseButton': {
47
66
  padding: string;
67
+ width: string;
48
68
  '& .M4LSideBar-containerLogoButtonIcon': {
49
69
  '& .M4LIconButton-root': {
50
70
  '& .MuiButtonBase-root': {
@@ -63,6 +83,7 @@ export declare const M4LSideBar: (theme: Theme) => {
63
83
  width?: undefined;
64
84
  height?: undefined;
65
85
  padding?: undefined;
86
+ transition?: undefined;
66
87
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
67
88
  '& .M4LSideBar-contentGroups'?: undefined;
68
89
  '& .M4LSideBar-collapseButton'?: undefined;
@@ -72,12 +93,14 @@ export declare const M4LSideBar: (theme: Theme) => {
72
93
  padding: string;
73
94
  '& .M4LIcon-icon'?: undefined;
74
95
  "& .M4LSideBar-wrapperSideBar"?: undefined;
96
+ transition?: undefined;
75
97
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
76
98
  '& .M4LSideBar-contentGroups'?: undefined;
77
99
  '& .M4LSideBar-collapseButton'?: undefined;
78
100
  } | {
79
101
  height: string;
80
102
  width: string;
103
+ transition: string;
81
104
  '& .M4LSideBar-containerSideBarLogo': {
82
105
  display: string;
83
106
  justifyContent: string;
@@ -400,6 +423,7 @@ export declare const M4LSideBar: (theme: Theme) => {
400
423
  '&.M4LSideBar-collapsed': {
401
424
  "& .M4LSideBar-wrapperSideBar": {
402
425
  width: string;
426
+ transition: string;
403
427
  "& .M4LSideBar-contentDesktop": {
404
428
  '& .M4LSideBar-contentGroups': {
405
429
  '& .M4LSideBar-itemListMainRoot': {
@@ -411,6 +435,11 @@ export declare const M4LSideBar: (theme: Theme) => {
411
435
  alignItems: string;
412
436
  '& .M4LSideBar-navItemRootContent': {
413
437
  padding: string;
438
+ minHeight: string;
439
+ '::before': {
440
+ height: string;
441
+ width: string;
442
+ };
414
443
  '& .M4LSideBar-navItemRootContentIconTypo': {
415
444
  width: string;
416
445
  minHeight: string;
@@ -418,6 +447,7 @@ export declare const M4LSideBar: (theme: Theme) => {
418
447
  minWidth: string;
419
448
  margin: string;
420
449
  '& .M4LIcon-root': {
450
+ paddingTop: string;
421
451
  minWidth: string;
422
452
  minHeight: string;
423
453
  };
@@ -425,9 +455,21 @@ export declare const M4LSideBar: (theme: Theme) => {
425
455
  };
426
456
  };
427
457
  };
458
+ '& .M4LSideBar-itemMainActive': {
459
+ '& .M4LSideBar-navItemMainRoot': {
460
+ '& .M4LSideBar-navItemRootContent': {
461
+ '& .M4LSideBar-navItemRootContentIconTypo': {
462
+ '& .M4LIcon-root': {
463
+ paddingTop: string;
464
+ };
465
+ };
466
+ };
467
+ };
468
+ };
428
469
  };
429
470
  '& .M4LSideBar-collapseButton': {
430
471
  padding: string;
472
+ width: string;
431
473
  '& .M4LSideBar-containerLogoButtonIcon': {
432
474
  '& .M4LIconButton-root': {
433
475
  '& .MuiButtonBase-root': {
@@ -446,6 +488,7 @@ export declare const M4LSideBar: (theme: Theme) => {
446
488
  '& .M4LSideBar-wrapperSideBar': {
447
489
  height: string;
448
490
  width: string;
491
+ transition: string;
449
492
  '& .M4LSideBar-containerSideBarLogo': {
450
493
  display: string;
451
494
  justifyContent: string;
@@ -1004,18 +1004,24 @@ const c = (o) => ({
1004
1004
  },
1005
1005
  "&.M4LSideBar-collapsed": {
1006
1006
  "& .M4LSideBar-wrapperSideBar": {
1007
- width: "50px",
1007
+ width: "48px",
1008
+ transition: "width 0.1s ease",
1008
1009
  "& .M4LSideBar-contentDesktop": {
1009
1010
  "& .M4LSideBar-contentGroups": {
1010
1011
  "& .M4LSideBar-itemListMainRoot": {
1011
1012
  "& .M4LSideBar-navItemMainRoot": {
1012
1013
  display: "flex",
1013
- justifyContent: "center",
1014
+ justifyContent: "flex-start",
1014
1015
  width: "100%",
1015
1016
  minHeight: "28px",
1016
1017
  alignItems: "center",
1017
1018
  "& .M4LSideBar-navItemRootContent": {
1018
1019
  padding: "0",
1020
+ minHeight: "28px",
1021
+ "::before": {
1022
+ height: "100%",
1023
+ width: "2px"
1024
+ },
1019
1025
  "& .M4LSideBar-navItemRootContentIconTypo": {
1020
1026
  width: "24px",
1021
1027
  minHeight: "24px",
@@ -1023,16 +1029,29 @@ const c = (o) => ({
1023
1029
  minWidth: "24px",
1024
1030
  margin: "1px 0 1px 8px",
1025
1031
  "& .M4LIcon-root": {
1032
+ paddingTop: "2px",
1026
1033
  minWidth: "20px",
1027
1034
  minHeight: "20px"
1028
1035
  }
1029
1036
  }
1030
1037
  }
1031
1038
  }
1039
+ },
1040
+ "& .M4LSideBar-itemMainActive": {
1041
+ "& .M4LSideBar-navItemMainRoot": {
1042
+ "& .M4LSideBar-navItemRootContent": {
1043
+ "& .M4LSideBar-navItemRootContentIconTypo": {
1044
+ "& .M4LIcon-root": {
1045
+ paddingTop: "0px"
1046
+ }
1047
+ }
1048
+ }
1049
+ }
1032
1050
  }
1033
1051
  },
1034
1052
  "& .M4LSideBar-collapseButton": {
1035
1053
  padding: "12px",
1054
+ width: "100%",
1036
1055
  "& .M4LSideBar-containerLogoButtonIcon": {
1037
1056
  "& .M4LIconButton-root": {
1038
1057
  "& .MuiButtonBase-root": {
@@ -1055,7 +1074,8 @@ const c = (o) => ({
1055
1074
  },
1056
1075
  "& .M4LSideBar-wrapperSideBar": {
1057
1076
  height: "100%",
1058
- width: "100%",
1077
+ width: "219px",
1078
+ transition: "width 0.1s ease",
1059
1079
  "& .M4LSideBar-containerSideBarLogo": {
1060
1080
  display: "flex",
1061
1081
  justifyContent: "flex-start",
@@ -1127,7 +1147,7 @@ const c = (o) => ({
1127
1147
  "& .M4LSideBar-itemListMainRoot": {
1128
1148
  display: "flex",
1129
1149
  borderRadius: "4px 0px 0px 4px",
1130
- justifyContent: "center",
1150
+ justifyContent: "flex-start",
1131
1151
  flexDirection: "column",
1132
1152
  gap: "4px",
1133
1153
  height: "auto",
@@ -1205,7 +1225,7 @@ const c = (o) => ({
1205
1225
  },
1206
1226
  "& .M4LSideBar-navItemRootContent": {
1207
1227
  display: "flex",
1208
- padding: "4px 8px 4px 12px",
1228
+ padding: "4px 8px 4px 8px",
1209
1229
  justifyContent: "center",
1210
1230
  borderRadius: "4px 0px 0px 4px",
1211
1231
  position: "relative",
@@ -1524,7 +1544,7 @@ const c = (o) => ({
1524
1544
  "& .M4LSideBar-itemListMainRoot": {
1525
1545
  display: "flex",
1526
1546
  borderRadius: "4px 0px 0px 4px",
1527
- justifyContent: "center",
1547
+ justifyContent: "flex-start",
1528
1548
  flexDirection: "column",
1529
1549
  paddingBottom: "4px",
1530
1550
  gap: "4px",
@@ -1758,7 +1778,7 @@ const c = (o) => ({
1758
1778
  gap: "8px",
1759
1779
  borderRight: "1px solid",
1760
1780
  borderLeft: "1px solid",
1761
- borderColor: o.palette.state.borderPrimary,
1781
+ borderColor: o.palette.state.borderDisable,
1762
1782
  [o.breakpoints.down("sm")]: {
1763
1783
  boxShadow: o.customShadows.z1,
1764
1784
  paddingRight: "0px",
@@ -2470,7 +2490,7 @@ const c = (o) => ({
2470
2490
  "& .M4LAreasViewer-windowHeaderContent": {
2471
2491
  "& .M4LIcon-root": {
2472
2492
  "& .M4LIcon-icon": {
2473
- background: o.palette.state.active
2493
+ background: o.palette.state.focus
2474
2494
  }
2475
2495
  },
2476
2496
  "& .M4LAreasViewer-windowHeaderCancelHandle": {
@@ -2483,7 +2503,7 @@ const c = (o) => ({
2483
2503
  },
2484
2504
  "& .M4LTypography-root .MuiTypography-root": {
2485
2505
  ...o.typography.paragraphDens,
2486
- color: o.palette.state.active
2506
+ color: o.palette.state.focus
2487
2507
  },
2488
2508
  "& .MuiButtonBase-root": {
2489
2509
  "& .M4LIcon-icon": {
@@ -3437,7 +3457,7 @@ const c = (o) => ({
3437
3457
  }
3438
3458
  }
3439
3459
  }
3440
- }), P = (o) => ({
3460
+ }), T = (o) => ({
3441
3461
  M4LCommonActions: {
3442
3462
  styleOverrides: {
3443
3463
  "&.M4LCommonActions-root": {
@@ -3450,7 +3470,7 @@ const c = (o) => ({
3450
3470
  }
3451
3471
  }
3452
3472
  }
3453
- }), T = (o) => ({
3473
+ }), P = (o) => ({
3454
3474
  M4LinearProgressIndeterminate: {
3455
3475
  styleOverrides: {
3456
3476
  "&.M4LinearProgressIndeterminate-root": {
@@ -3617,7 +3637,7 @@ const c = (o) => ({
3617
3637
  borderRadius: "4px 4px 0 0",
3618
3638
  "& .MuiButtonBase-root": {
3619
3639
  background: o.palette.background.header,
3620
- height: "36px",
3640
+ height: "32px",
3621
3641
  display: "flex",
3622
3642
  flexDirection: "row",
3623
3643
  alignItems: "center",
@@ -4462,6 +4482,10 @@ const c = (o) => ({
4462
4482
  ...o.typography.bodyDens,
4463
4483
  lineHeight: "var(--rdg-row-height)!important"
4464
4484
  },
4485
+ '& .rdg-cell[role="columnheader"] [draggable="true"]': {
4486
+ ...o.typography.bodyDens,
4487
+ lineHeight: "var(--rdg-row-height)!important"
4488
+ },
4465
4489
  "& [aria-selected=true]": {
4466
4490
  backgroundColor: o.palette.state.toneOp,
4467
4491
  color: o.palette.text.primary,
@@ -4502,13 +4526,13 @@ const c = (o) => ({
4502
4526
  gridTemplateColumns: "auto",
4503
4527
  borderBottom: "0.5px solid !important",
4504
4528
  borderColor: `${o.palette.state.borderDisable}!important`,
4529
+ '& [draggable="true"]': {
4530
+ fontSize: o.typography.body
4531
+ },
4505
4532
  "&.rdg-cell-frozen-last": {
4506
4533
  borderColor: o.palette.background.default,
4507
4534
  boxShadow: "var(--rdg-frozen-cell-box-shadow)",
4508
- "&:after": {
4509
- borderRight: "1.5px solid",
4510
- borderColor: o.palette.background.neutral
4511
- }
4535
+ "&:after": {}
4512
4536
  },
4513
4537
  "& .rdg-header-sort-cell": {
4514
4538
  "& .rdg-header-sort-name + span": {
@@ -4752,7 +4776,7 @@ const c = (o) => ({
4752
4776
  width: "100%",
4753
4777
  height: "auto",
4754
4778
  position: "relative",
4755
- minHeight: "36px",
4779
+ minHeight: "32px",
4756
4780
  borderRadius: "4px 4px 0 0",
4757
4781
  "& .MuiTabs-indicator": {
4758
4782
  display: "none"
@@ -5035,6 +5059,7 @@ const c = (o) => ({
5035
5059
  },
5036
5060
  "& .M4LPrintingSystem-gridNodeRoot": {
5037
5061
  borderCollapse: "collapse",
5062
+ width: "100%",
5038
5063
  "& .M4LPrintingSystem-gridNodeTh": {
5039
5064
  display: "flex",
5040
5065
  alignItems: "center",
@@ -5544,7 +5569,7 @@ export {
5544
5569
  S as u,
5545
5570
  R as v,
5546
5571
  A as w,
5547
- P as x,
5548
- T as y,
5572
+ T as x,
5573
+ P as y,
5549
5574
  D as z
5550
5575
  };
@@ -224,7 +224,7 @@ export declare const M4LRHFAutocomplete: (theme: Theme) => {
224
224
  '&.M4LRHFAutocomplete-sizeSmall': {
225
225
  '& .MuiAutocomplete-listbox': {
226
226
  '& .MuiAutocomplete-option': {
227
- height: string;
227
+ minHeight: string;
228
228
  };
229
229
  '& .M4LRHFAutocomplete-withImage': {
230
230
  paddingLeft: string;
@@ -467,7 +467,7 @@ const r = (t) => ({
467
467
  "&.M4LRHFAutocomplete-sizeSmall": {
468
468
  "& .MuiAutocomplete-listbox": {
469
469
  "& .MuiAutocomplete-option": {
470
- height: "24px"
470
+ minHeight: "24px"
471
471
  },
472
472
  "& .M4LRHFAutocomplete-withImage": {
473
473
  paddingLeft: "4px",
@@ -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.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";
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.e3b8814c.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.15a2012d.js";
4
4
  function Xa(a) {
5
5
  return Object.assign(
6
6
  s(a),