@m4l/styles 0.0.38 → 0.0.40

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 (17) hide show
  1. package/index.js +37 -37
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.5e505df7.js → defaultThemeOptions.c5fe2519.js} +8 -11
  4. package/theme/index.34d0fdea.js +1 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +6 -12
  6. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +17 -17
  7. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +4 -0
  8. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +8 -0
  9. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +4 -0
  10. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +95 -2
  11. package/theme/overrides/M4LExtendedComponents/{index.e3b8814c.js → index.1d1c5302.js} +193 -133
  12. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +1 -1
  13. package/theme/overrides/M4LRHFComponents/{index.15a2012d.js → index.427e0f0e.js} +5 -5
  14. package/theme/overrides/{index.947b72ed.js → index.2bc27c69.js} +2 -2
  15. package/theme/{typography.927a0f62.js → typography.b14a8e35.js} +24 -32
  16. package/utils/{getColorState.4b06bb84.js → getColorState.0ad9ea67.js} +2 -7
  17. package/theme/index.149cbcc9.js +0 -7
package/index.js CHANGED
@@ -1,41 +1,41 @@
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.947b72ed.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";
11
- import "@mui/material/styles";
12
- import "@mui/material/useMediaQuery";
13
- import "@mui/system";
1
+ import { g as f, m as x } from "./config.5405b46b.js";
2
+ import { d as g } from "./theme/defaultThemeOptions.c5fe2519.js";
3
+ import { c as u, s as d } from "./theme/shadows.479d005a.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.2bc27c69.js";
7
+ import { u as T } from "./utils/useResponsive.2c45e8e0.js";
8
+ import { g as w } from "./utils/getColorState.0ad9ea67.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";
14
11
  import "@mui/material";
12
+ import "@mui/material/styles";
15
13
  import "./theme/overrides/MUIComponents/index.b3f5b7a7.js";
16
- import "./theme/overrides/M4LExtendedComponents/index.e3b8814c.js";
17
- import "./theme/overrides/M4LRHFComponents/index.15a2012d.js";
14
+ import "./theme/overrides/M4LExtendedComponents/index.1d1c5302.js";
15
+ import "@mui/system";
16
+ import "./theme/overrides/M4LRHFComponents/index.427e0f0e.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.38",
3
+ "version": "0.0.40",
4
4
  "license": "UNLICENSED",
5
5
  "author": "m4l team",
6
6
  "dependencies": {
package/theme/{defaultThemeOptions.5e505df7.js → defaultThemeOptions.c5fe2519.js} RENAMED
@@ -1,13 +1,10 @@
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";
1
+ import { t as a } from "./typography.b14a8e35.js";
6
2
  import { p as o } from "./palette.1b577d8c.js";
7
3
  import { alpha as s } from "@mui/material";
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 = {
4
+ import { s as e, c as p } from "./shadows.479d005a.js";
5
+ import { g as r } from "../utils/getColorPresets.479f9922.js";
6
+ import { g as m } from "../utils/getColorState.0ad9ea67.js";
7
+ const f = {
11
8
  typography: a,
12
9
  palette: {
13
10
  ...o.dark,
@@ -17,14 +14,14 @@ const k = {
17
14
  },
18
15
  shape: { borderRadius: 8 },
19
16
  direction: "rtl",
20
- shadows: p.dark,
17
+ shadows: e.dark,
21
18
  customShadows: {
22
19
  primary: `0 8px 16px 0 ${s(r("patronus").main, 0.2)}`,
23
- ...e("dark")
20
+ ...p("dark")
24
21
  },
25
22
  stretch: !0,
26
23
  spacing: (t) => `${0.5 * t}rem`
27
24
  };
28
25
  export {
29
- k as d
26
+ f as d
30
27
  };
package/theme/index.34d0fdea.js ADDED
@@ -0,0 +1 @@
1
+
package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts CHANGED
@@ -42,6 +42,9 @@ export declare const M4LAppBar: (theme: Theme) => {
42
42
  '& .M4LTypography-root': {
43
43
  textWrap: string;
44
44
  textTransform: string;
45
+ '& .MuiTypography-root': {
46
+ [x: string]: any;
47
+ };
45
48
  };
46
49
  };
47
50
  width?: undefined;
@@ -78,18 +81,12 @@ export declare const M4LAppBar: (theme: Theme) => {
78
81
  "& .M4LAppBar-iconMenuToggle": {
79
82
  [x: string]: string | {
80
83
  background: string;
81
- boxShadow: string;
82
- borderTop: string;
83
- borderColor: string;
84
84
  width: string;
85
85
  height: string;
86
86
  minWidth: string;
87
87
  minHeight: string;
88
88
  };
89
89
  background: string;
90
- boxShadow: string;
91
- borderTop: string;
92
- borderColor: string;
93
90
  width: string;
94
91
  height: string;
95
92
  minWidth: string;
@@ -264,6 +261,9 @@ export declare const M4LAppBar: (theme: Theme) => {
264
261
  '& .M4LTypography-root': {
265
262
  textWrap: string;
266
263
  textTransform: string;
264
+ '& .MuiTypography-root': {
265
+ [x: string]: any;
266
+ };
267
267
  };
268
268
  };
269
269
  };
@@ -281,18 +281,12 @@ export declare const M4LAppBar: (theme: Theme) => {
281
281
  "& .M4LAppBar-iconMenuToggle": {
282
282
  [x: string]: string | {
283
283
  background: string;
284
- boxShadow: string;
285
- borderTop: string;
286
- borderColor: string;
287
284
  width: string;
288
285
  height: string;
289
286
  minWidth: string;
290
287
  minHeight: string;
291
288
  };
292
289
  background: string;
293
- boxShadow: string;
294
- borderTop: string;
295
- borderColor: string;
296
290
  width: string;
297
291
  height: string;
298
292
  minWidth: string;
package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts CHANGED
@@ -4,7 +4,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4
4
  styleOverrides: {
5
5
  '&.M4LAreasAdmin-root': {
6
6
  [x: string]: string | number | {
7
- boxShadow: string;
8
7
  paddingRight: string;
9
8
  width: string;
10
9
  maxWidth: string;
@@ -20,6 +19,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
20
19
  justifyContent?: undefined;
21
20
  alignItems?: undefined;
22
21
  minHeight?: undefined;
22
+ boxShadow?: undefined;
23
23
  '&.M4LAreasAdmin-isFocus'?: undefined;
24
24
  '*::-webkit-scrollbar'?: undefined;
25
25
  '*::-webkit-scrollbar-thumb'?: undefined;
@@ -35,7 +35,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
35
35
  borderColor?: undefined;
36
36
  height?: undefined;
37
37
  background?: undefined;
38
- boxShadow?: undefined;
39
38
  width?: undefined;
40
39
  maxWidth?: undefined;
41
40
  paddingRight?: undefined;
@@ -48,6 +47,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
48
47
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
49
48
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
50
49
  '& .MuiButtonBase-root'?: undefined;
50
+ boxShadow?: undefined;
51
51
  } | {
52
52
  border: string;
53
53
  borderColor: string;
@@ -55,7 +55,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
55
55
  borderRadius?: undefined;
56
56
  height?: undefined;
57
57
  background?: undefined;
58
- boxShadow?: undefined;
59
58
  width?: undefined;
60
59
  maxWidth?: undefined;
61
60
  paddingRight?: undefined;
@@ -68,10 +67,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
68
67
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
69
68
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
70
69
  '& .MuiButtonBase-root'?: undefined;
70
+ boxShadow?: undefined;
71
71
  } | {
72
72
  height: string;
73
73
  background: string;
74
- boxShadow: string;
75
74
  width: string;
76
75
  maxWidth: string;
77
76
  paddingRight: string;
@@ -88,6 +87,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
88
87
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
89
88
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
90
89
  '& .MuiButtonBase-root'?: undefined;
90
+ boxShadow?: undefined;
91
91
  } | {
92
92
  width: string;
93
93
  maxWidth: string;
@@ -99,7 +99,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
99
99
  borderRadius?: undefined;
100
100
  border?: undefined;
101
101
  borderColor?: undefined;
102
- boxShadow?: undefined;
103
102
  paddingRight?: undefined;
104
103
  flexGrow?: undefined;
105
104
  display?: undefined;
@@ -108,6 +107,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
108
107
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
109
108
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
110
109
  '& .MuiButtonBase-root'?: undefined;
110
+ boxShadow?: undefined;
111
111
  } | {
112
112
  background: string;
113
113
  position: string;
@@ -117,7 +117,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
117
117
  border?: undefined;
118
118
  borderColor?: undefined;
119
119
  height?: undefined;
120
- boxShadow?: undefined;
121
120
  width?: undefined;
122
121
  maxWidth?: undefined;
123
122
  paddingRight?: undefined;
@@ -128,6 +127,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
128
127
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
129
128
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
130
129
  '& .MuiButtonBase-root'?: undefined;
130
+ boxShadow?: undefined;
131
131
  } | {
132
132
  [x: string]: string | {
133
133
  background: string;
@@ -2148,12 +2148,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2148
2148
  borderRadius?: undefined;
2149
2149
  border?: undefined;
2150
2150
  background?: undefined;
2151
- boxShadow?: undefined;
2152
2151
  maxWidth?: undefined;
2153
2152
  paddingRight?: undefined;
2154
2153
  position?: undefined;
2155
2154
  zIndex?: undefined;
2156
2155
  '& .MuiButtonBase-root'?: undefined;
2156
+ boxShadow?: undefined;
2157
2157
  } | {
2158
2158
  borderRadius: string;
2159
2159
  '& .MuiButtonBase-root': {
@@ -2168,7 +2168,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2168
2168
  borderColor?: undefined;
2169
2169
  height?: undefined;
2170
2170
  background?: undefined;
2171
- boxShadow?: undefined;
2172
2171
  width?: undefined;
2173
2172
  maxWidth?: undefined;
2174
2173
  paddingRight?: undefined;
@@ -2180,6 +2179,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2180
2179
  overflow?: undefined;
2181
2180
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
2182
2181
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
2182
+ boxShadow?: undefined;
2183
2183
  } | {
2184
2184
  flexGrow: string;
2185
2185
  background: string;
@@ -2188,7 +2188,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2188
2188
  border?: undefined;
2189
2189
  borderColor?: undefined;
2190
2190
  height?: undefined;
2191
- boxShadow?: undefined;
2192
2191
  width?: undefined;
2193
2192
  maxWidth?: undefined;
2194
2193
  paddingRight?: undefined;
@@ -2200,6 +2199,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2200
2199
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
2201
2200
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
2202
2201
  '& .MuiButtonBase-root'?: undefined;
2202
+ boxShadow?: undefined;
2203
2203
  } | {
2204
2204
  overflow: string;
2205
2205
  boxShadow: string;
@@ -4334,7 +4334,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4334
4334
  borderColor?: undefined;
4335
4335
  height?: undefined;
4336
4336
  background?: undefined;
4337
- boxShadow?: undefined;
4338
4337
  width?: undefined;
4339
4338
  maxWidth?: undefined;
4340
4339
  paddingRight?: undefined;
@@ -4347,6 +4346,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4347
4346
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
4348
4347
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
4349
4348
  '& .MuiButtonBase-root'?: undefined;
4349
+ boxShadow?: undefined;
4350
4350
  } | {
4351
4351
  border: string;
4352
4352
  borderColor: string;
@@ -4354,7 +4354,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4354
4354
  borderRadius?: undefined;
4355
4355
  height?: undefined;
4356
4356
  background?: undefined;
4357
- boxShadow?: undefined;
4358
4357
  width?: undefined;
4359
4358
  maxWidth?: undefined;
4360
4359
  paddingRight?: undefined;
@@ -4367,10 +4366,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4367
4366
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
4368
4367
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
4369
4368
  '& .MuiButtonBase-root'?: undefined;
4369
+ boxShadow?: undefined;
4370
4370
  } | {
4371
4371
  height: string;
4372
4372
  background: string;
4373
- boxShadow: string;
4374
4373
  width: string;
4375
4374
  maxWidth: string;
4376
4375
  paddingRight: string;
@@ -4387,6 +4386,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4387
4386
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
4388
4387
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
4389
4388
  '& .MuiButtonBase-root'?: undefined;
4389
+ boxShadow?: undefined;
4390
4390
  } | {
4391
4391
  width: string;
4392
4392
  maxWidth: string;
@@ -4398,7 +4398,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4398
4398
  borderRadius?: undefined;
4399
4399
  border?: undefined;
4400
4400
  borderColor?: undefined;
4401
- boxShadow?: undefined;
4402
4401
  paddingRight?: undefined;
4403
4402
  flexGrow?: undefined;
4404
4403
  display?: undefined;
@@ -4407,6 +4406,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4407
4406
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
4408
4407
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
4409
4408
  '& .MuiButtonBase-root'?: undefined;
4409
+ boxShadow?: undefined;
4410
4410
  } | {
4411
4411
  background: string;
4412
4412
  position: string;
@@ -4416,7 +4416,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4416
4416
  border?: undefined;
4417
4417
  borderColor?: undefined;
4418
4418
  height?: undefined;
4419
- boxShadow?: undefined;
4420
4419
  width?: undefined;
4421
4420
  maxWidth?: undefined;
4422
4421
  paddingRight?: undefined;
@@ -4427,6 +4426,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4427
4426
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
4428
4427
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
4429
4428
  '& .MuiButtonBase-root'?: undefined;
4429
+ boxShadow?: undefined;
4430
4430
  } | {
4431
4431
  [x: string]: string | {
4432
4432
  background: string;
@@ -6447,12 +6447,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6447
6447
  borderRadius?: undefined;
6448
6448
  border?: undefined;
6449
6449
  background?: undefined;
6450
- boxShadow?: undefined;
6451
6450
  maxWidth?: undefined;
6452
6451
  paddingRight?: undefined;
6453
6452
  position?: undefined;
6454
6453
  zIndex?: undefined;
6455
6454
  '& .MuiButtonBase-root'?: undefined;
6455
+ boxShadow?: undefined;
6456
6456
  } | {
6457
6457
  borderRadius: string;
6458
6458
  '& .MuiButtonBase-root': {
@@ -6467,7 +6467,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6467
6467
  borderColor?: undefined;
6468
6468
  height?: undefined;
6469
6469
  background?: undefined;
6470
- boxShadow?: undefined;
6471
6470
  width?: undefined;
6472
6471
  maxWidth?: undefined;
6473
6472
  paddingRight?: undefined;
@@ -6479,6 +6478,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6479
6478
  overflow?: undefined;
6480
6479
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
6481
6480
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
6481
+ boxShadow?: undefined;
6482
6482
  } | {
6483
6483
  flexGrow: string;
6484
6484
  background: string;
@@ -6487,7 +6487,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6487
6487
  border?: undefined;
6488
6488
  borderColor?: undefined;
6489
6489
  height?: undefined;
6490
- boxShadow?: undefined;
6491
6490
  width?: undefined;
6492
6491
  maxWidth?: undefined;
6493
6492
  paddingRight?: undefined;
@@ -6499,6 +6498,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6499
6498
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
6500
6499
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
6501
6500
  '& .MuiButtonBase-root'?: undefined;
6501
+ boxShadow?: undefined;
6502
6502
  } | {
6503
6503
  overflow: string;
6504
6504
  boxShadow: string;
package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts CHANGED
@@ -215,6 +215,10 @@ export declare const M4LButton: (theme: Theme) => {
215
215
  backgroundColor: string;
216
216
  };
217
217
  };
218
+ '&.M4LButton-togglePressed .MuiButtonBase-root': {
219
+ backgroundColor: string;
220
+ prop1: number;
221
+ };
218
222
  transition: string;
219
223
  width: string;
220
224
  display: string;
package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts CHANGED
@@ -179,6 +179,10 @@ export declare const M4LDataGrid: (theme: Theme) => {
179
179
  };
180
180
  '& .rdg-cell[role="columnheader"] .rdg-header-sort-name': {
181
181
  lineHeight: string;
182
+ height: string;
183
+ display: string;
184
+ justifyContent: string;
185
+ alignItems: string;
182
186
  };
183
187
  '& .rdg-cell[role="columnheader"] [draggable="true"]': {
184
188
  lineHeight: string;
@@ -366,6 +370,10 @@ export declare const M4LDataGrid: (theme: Theme) => {
366
370
  };
367
371
  '& .rdg-cell[role="columnheader"] .rdg-header-sort-name': {
368
372
  lineHeight: string;
373
+ height: string;
374
+ display: string;
375
+ justifyContent: string;
376
+ alignItems: string;
369
377
  };
370
378
  '& .rdg-cell[role="columnheader"] [draggable="true"]': {
371
379
  lineHeight: string;
package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts CHANGED
@@ -147,6 +147,10 @@ export declare const M4LIconButton: (theme: Theme) => {
147
147
  '&.M4LIconButton-root .MuiSkeleton-root': {
148
148
  borderRadius: string;
149
149
  };
150
+ '&.M4LIconButton-togglePressed': {
151
+ backgroundColor: string;
152
+ prop1: number;
153
+ };
150
154
  };
151
155
  };
152
156
  };
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts CHANGED
@@ -70,6 +70,18 @@ export declare const M4LSideBar: (theme: Theme) => {
70
70
  '& .MuiButtonBase-root': {
71
71
  height: string;
72
72
  width: string;
73
+ '& .M4LIcon-root': {
74
+ minHeight: string;
75
+ minWidth: string;
76
+ height: string;
77
+ width: string;
78
+ '& .M4LIcon-icon': {
79
+ minHeight: string;
80
+ minWidth: string;
81
+ height: string;
82
+ width: string;
83
+ };
84
+ };
73
85
  };
74
86
  };
75
87
  };
@@ -179,7 +191,11 @@ export declare const M4LSideBar: (theme: Theme) => {
179
191
  '& .M4LSideBar-navItemMainRoot': {
180
192
  backgroundColor: string;
181
193
  borderRadius: string;
194
+ minHeight: string;
195
+ height: string;
182
196
  '& .M4LSideBar-navItemRootContent': {
197
+ minHeight: string;
198
+ height: string;
183
199
  '& .M4LSideBar-navItemRootContentIconTypo': {
184
200
  alignItems: string;
185
201
  gap: string;
@@ -296,7 +312,15 @@ export declare const M4LSideBar: (theme: Theme) => {
296
312
  height: string;
297
313
  borderRadius: string;
298
314
  gap: string;
299
- '&.M4LSideBar-subItemCollapseActive': {
315
+ "& .M4LIcon-root": {
316
+ minHeight: string;
317
+ minWwidth: string;
318
+ "& .M4LIcon-icon": {
319
+ minHeight: string;
320
+ minWidth: string;
321
+ };
322
+ };
323
+ '& .M4LSideBar-subItemCollapseActive': {
300
324
  backgroundColor: string;
301
325
  gap: string;
302
326
  "& .MuiButtonBase-root": {
@@ -401,6 +425,18 @@ export declare const M4LSideBar: (theme: Theme) => {
401
425
  '& .MuiButtonBase-root': {
402
426
  height: string;
403
427
  width: string;
428
+ '& .M4LIcon-root': {
429
+ minHeight: string;
430
+ minWidth: string;
431
+ height: string;
432
+ width: string;
433
+ '& .M4LIcon-icon': {
434
+ minHeight: string;
435
+ minWidth: string;
436
+ height: string;
437
+ width: string;
438
+ };
439
+ };
404
440
  };
405
441
  };
406
442
  };
@@ -475,6 +511,18 @@ export declare const M4LSideBar: (theme: Theme) => {
475
511
  '& .MuiButtonBase-root': {
476
512
  height: string;
477
513
  width: string;
514
+ '& .M4LIcon-root': {
515
+ minHeight: string;
516
+ minWidth: string;
517
+ height: string;
518
+ width: string;
519
+ '& .M4LIcon-icon': {
520
+ minHeight: string;
521
+ minWidth: string;
522
+ height: string;
523
+ width: string;
524
+ };
525
+ };
478
526
  };
479
527
  };
480
528
  };
@@ -567,7 +615,11 @@ export declare const M4LSideBar: (theme: Theme) => {
567
615
  '& .M4LSideBar-navItemMainRoot': {
568
616
  backgroundColor: string;
569
617
  borderRadius: string;
618
+ minHeight: string;
619
+ height: string;
570
620
  '& .M4LSideBar-navItemRootContent': {
621
+ minHeight: string;
622
+ height: string;
571
623
  '& .M4LSideBar-navItemRootContentIconTypo': {
572
624
  alignItems: string;
573
625
  gap: string;
@@ -684,7 +736,15 @@ export declare const M4LSideBar: (theme: Theme) => {
684
736
  height: string;
685
737
  borderRadius: string;
686
738
  gap: string;
687
- '&.M4LSideBar-subItemCollapseActive': {
739
+ "& .M4LIcon-root": {
740
+ minHeight: string;
741
+ minWwidth: string;
742
+ "& .M4LIcon-icon": {
743
+ minHeight: string;
744
+ minWidth: string;
745
+ };
746
+ };
747
+ '& .M4LSideBar-subItemCollapseActive': {
688
748
  backgroundColor: string;
689
749
  gap: string;
690
750
  "& .MuiButtonBase-root": {
@@ -789,6 +849,18 @@ export declare const M4LSideBar: (theme: Theme) => {
789
849
  '& .MuiButtonBase-root': {
790
850
  height: string;
791
851
  width: string;
852
+ '& .M4LIcon-root': {
853
+ minHeight: string;
854
+ minWidth: string;
855
+ height: string;
856
+ width: string;
857
+ '& .M4LIcon-icon': {
858
+ minHeight: string;
859
+ minWidth: string;
860
+ height: string;
861
+ width: string;
862
+ };
863
+ };
792
864
  };
793
865
  };
794
866
  };
@@ -813,6 +885,14 @@ export declare const M4LSideBar: (theme: Theme) => {
813
885
  padding: string;
814
886
  height: string;
815
887
  borderRadius: string;
888
+ "& .M4LIcon-root": {
889
+ minHeight: string;
890
+ minWwidth: string;
891
+ "& .M4LIcon-icon": {
892
+ minHeight: string;
893
+ minWidth: string;
894
+ };
895
+ };
816
896
  '&.M4LSideBar-subItemCollapseActive': {
817
897
  backgroundColor: string;
818
898
  };
@@ -876,6 +956,11 @@ export declare const M4LSideBar: (theme: Theme) => {
876
956
  "& .M4LIcon-icon": {
877
957
  backgroundColor: string;
878
958
  };
959
+ '& .M4LTypography-root': {
960
+ '& .MuiTypography-root': {
961
+ color: string;
962
+ };
963
+ };
879
964
  };
880
965
  '& .M4LSideBar-contentMobile': {
881
966
  width: string;
@@ -1109,6 +1194,14 @@ export declare const M4LSideBar: (theme: Theme) => {
1109
1194
  gap: string;
1110
1195
  margin: string;
1111
1196
  padding: string;
1197
+ "& .M4LIcon-root": {
1198
+ minHeight: string;
1199
+ minWwidth: string;
1200
+ "& .M4LIcon-icon": {
1201
+ minHeight: string;
1202
+ minWidth: string;
1203
+ };
1204
+ };
1112
1205
  '& .M4LSideBar-navSubItemContentBullet': {
1113
1206
  minWidth: string;
1114
1207
  minHeight: string;