@m4l/styles 0.0.40 → 0.0.42

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 (28) hide show
  1. package/index.js +8 -8
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.c5fe2519.js → defaultThemeOptions.4c9bc728.js} +4 -4
  4. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +2 -8
  5. package/theme/overrides/M4LExtendedComponents/M4LAppBarCommercial.d.ts +23 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +22 -7
  7. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +24 -0
  8. package/theme/overrides/M4LExtendedComponents/M4LFieldLabel.d.ts +25 -0
  9. package/theme/overrides/M4LExtendedComponents/M4LHamburgerMenuCommercial.d.ts +12 -0
  10. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +366 -342
  11. package/theme/overrides/M4LExtendedComponents/M4LSectionCommercial.d.ts +26 -0
  12. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +1543 -442
  13. package/theme/overrides/M4LExtendedComponents/M4LTopBar.d.ts +65 -0
  14. package/theme/overrides/M4LExtendedComponents/{index.1d1c5302.js → index.ad4ae589.js} +1558 -648
  15. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +2 -14
  16. package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.d.ts +1 -47
  17. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +28 -14
  18. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +28 -151
  19. package/theme/overrides/M4LRHFComponents/{index.427e0f0e.js → index.a9f361b8.js} +82 -61
  20. package/theme/overrides/MUIComponents/Backdrop.d.ts +12 -0
  21. package/theme/overrides/index.dc9d8819.js +111 -0
  22. package/theme/{palette.1b577d8c.js → palette.0590e8a6.js} +16 -14
  23. package/theme/palette.d.ts +2 -0
  24. package/theme/{shadows.479d005a.js → shadows.86540b18.js} +1 -1
  25. package/types/augmentations.d.ts +1 -1
  26. package/utils/{getColorPresets.479f9922.js → getColorPresets.2a91ffaf.js} +1 -1
  27. package/utils/{getColorState.0ad9ea67.js → getColorState.6c23eada.js} +1 -1
  28. package/theme/overrides/index.2bc27c69.js +0 -106
package/index.js CHANGED
@@ -1,19 +1,19 @@
1
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";
2
+ import { d as g } from "./theme/defaultThemeOptions.4c9bc728.js";
3
+ import { c as u, s as d } from "./theme/shadows.86540b18.js";
4
+ import { P as S, p as C } from "./theme/palette.0590e8a6.js";
5
5
  import { t as R } from "./theme/typography.b14a8e35.js";
6
- import { f as c } from "./theme/overrides/index.2bc27c69.js";
6
+ import { f as c } from "./theme/overrides/index.dc9d8819.js";
7
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";
8
+ import { g as w } from "./utils/getColorState.6c23eada.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.2a91ffaf.js";
10
10
  import { g as N, p as U, a as j, r as D } from "./utils/getFontValue.88831637.js";
11
11
  import "@mui/material";
12
12
  import "@mui/material/styles";
13
13
  import "./theme/overrides/MUIComponents/index.b3f5b7a7.js";
14
- import "./theme/overrides/M4LExtendedComponents/index.1d1c5302.js";
14
+ import "./theme/overrides/M4LExtendedComponents/index.ad4ae589.js";
15
15
  import "@mui/system";
16
- import "./theme/overrides/M4LRHFComponents/index.427e0f0e.js";
16
+ import "./theme/overrides/M4LRHFComponents/index.a9f361b8.js";
17
17
  import "@mui/material/useMediaQuery";
18
18
  export {
19
19
  S as PATRONUSCOLORS,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/styles",
3
- "version": "0.0.40",
3
+ "version": "0.0.42",
4
4
  "license": "UNLICENSED",
5
5
  "author": "m4l team",
6
6
  "dependencies": {
@@ -1,9 +1,9 @@
1
1
  import { t as a } from "./typography.b14a8e35.js";
2
- import { p as o } from "./palette.1b577d8c.js";
2
+ import { p as o } from "./palette.0590e8a6.js";
3
3
  import { alpha as s } from "@mui/material";
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";
4
+ import { s as e, c as p } from "./shadows.86540b18.js";
5
+ import { g as r } from "../utils/getColorPresets.2a91ffaf.js";
6
+ import { g as m } from "../utils/getColorState.6c23eada.js";
7
7
  const f = {
8
8
  typography: a,
9
9
  palette: {
@@ -30,7 +30,6 @@ export declare const M4LAppBar: (theme: Theme) => {
30
30
  '& .M4LImage-root': {
31
31
  width: string;
32
32
  height: string;
33
- backgroundColor: string;
34
33
  borderRadius: string;
35
34
  padding: string;
36
35
  };
@@ -39,12 +38,10 @@ export declare const M4LAppBar: (theme: Theme) => {
39
38
  alignItems: string;
40
39
  gap: string;
41
40
  width: string;
41
+ height: string;
42
42
  '& .M4LTypography-root': {
43
43
  textWrap: string;
44
44
  textTransform: string;
45
- '& .MuiTypography-root': {
46
- [x: string]: any;
47
- };
48
45
  };
49
46
  };
50
47
  width?: undefined;
@@ -249,7 +246,6 @@ export declare const M4LAppBar: (theme: Theme) => {
249
246
  '& .M4LImage-root': {
250
247
  width: string;
251
248
  height: string;
252
- backgroundColor: string;
253
249
  borderRadius: string;
254
250
  padding: string;
255
251
  };
@@ -258,12 +254,10 @@ export declare const M4LAppBar: (theme: Theme) => {
258
254
  alignItems: string;
259
255
  gap: string;
260
256
  width: string;
257
+ height: string;
261
258
  '& .M4LTypography-root': {
262
259
  textWrap: string;
263
260
  textTransform: string;
264
- '& .MuiTypography-root': {
265
- [x: string]: any;
266
- };
267
261
  };
268
262
  };
269
263
  };
@@ -0,0 +1,23 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LAppBarCommercial: (theme: Theme) => {
3
+ M4LAppBarCommercial: {
4
+ styleOverrides: {
5
+ '&.M4LAppBarCommercial-root': {
6
+ [x: string]: string | {
7
+ padding: string;
8
+ };
9
+ width: string;
10
+ display: string;
11
+ justifyContent: string;
12
+ alignItems: string;
13
+ padding: string;
14
+ minHeight: string;
15
+ backgroundColor: string;
16
+ position: string;
17
+ zIndex: string;
18
+ borderBottom: string;
19
+ boxShadow: string;
20
+ };
21
+ };
22
+ };
23
+ };
@@ -4,22 +4,37 @@ export declare const M4LCheckBox: (theme: Theme) => {
4
4
  styleOverrides: {
5
5
  '&.M4LCheckBox-root': {
6
6
  display: string;
7
- flexDirection: string;
8
7
  gap: string;
8
+ width: string;
9
+ '& .M4LCheckBox-skeleton': {
10
+ display: string;
11
+ justifyContent: string;
12
+ alignItems: string;
13
+ width: string;
14
+ height: string;
15
+ };
9
16
  '& .MuiTypography-root': {
10
17
  color: string;
11
18
  };
12
- '& .M4LCheckBox-small .MuiButtonBase-root': {
13
- width: string;
14
- height: string;
19
+ '&.M4LCheckBox-small ': {
20
+ '& .MuiButtonBase-root': {
21
+ width: string;
22
+ height: string;
23
+ };
15
24
  };
16
25
  '& .MuiCheckbox-root .MuiSvgIcon-fontSizeSmall': {
17
26
  width: string;
18
27
  height: string;
19
28
  };
20
- '& .M4LCheckBox-medium .MuiButtonBase-root': {
21
- width: string;
22
- height: string;
29
+ '&.M4LCheckBox-medium': {
30
+ '& .MuiButtonBase-root': {
31
+ width: string;
32
+ height: string;
33
+ };
34
+ '& .M4LCheckBox-skeleton': {
35
+ width: string;
36
+ height: string;
37
+ };
23
38
  };
24
39
  '& .MuiCheckbox-root .MuiSvgIcon-fontSizeMedium': {
25
40
  width: string;
@@ -157,6 +157,18 @@ export declare const M4LDataGrid: (theme: Theme) => {
157
157
  alignItems: string;
158
158
  textOverflow: string;
159
159
  gridTemplateColumns: string;
160
+ '& .rdg-text-editor': {
161
+ textAlign: string;
162
+ color: string;
163
+ padding: string;
164
+ lineHeight: string;
165
+ border: string;
166
+ borderTop: string;
167
+ borderBottom: string;
168
+ borderLeft: string;
169
+ borderRight: string;
170
+ borderColor: string;
171
+ };
160
172
  '&.rdg-cell-frozen': {
161
173
  display: string;
162
174
  justifyContent: string;
@@ -348,6 +360,18 @@ export declare const M4LDataGrid: (theme: Theme) => {
348
360
  alignItems: string;
349
361
  textOverflow: string;
350
362
  gridTemplateColumns: string;
363
+ '& .rdg-text-editor': {
364
+ textAlign: string;
365
+ color: string;
366
+ padding: string;
367
+ lineHeight: string;
368
+ border: string;
369
+ borderTop: string;
370
+ borderBottom: string;
371
+ borderLeft: string;
372
+ borderRight: string;
373
+ borderColor: string;
374
+ };
351
375
  '&.rdg-cell-frozen': {
352
376
  display: string;
353
377
  justifyContent: string;
@@ -0,0 +1,25 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LFieldLabel: (theme: Theme) => {
3
+ M4LFieldLabel: {
4
+ styleOverrides: {
5
+ '&.M4LFieldLabel-root': {
6
+ display: string;
7
+ alignItems: string;
8
+ flexWrap: string;
9
+ width: string;
10
+ '& .M4LFieldLabel-mandatory': {
11
+ marginLeft: string;
12
+ '& .MuiTypography-root': {
13
+ color: string;
14
+ };
15
+ };
16
+ '& .M4LFieldLabel-tooltip': {
17
+ marginLeft: string;
18
+ '& .M4LIcon-root .M4LIcon-icon': {
19
+ backgroundColor: string;
20
+ };
21
+ };
22
+ };
23
+ };
24
+ };
25
+ };
@@ -0,0 +1,12 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LHamburgerMenuCommercial: (_theme: Theme) => {
3
+ M4LHamburgerMenuCommercial: {
4
+ styleOverrides: {
5
+ '&.M4LHamburgerMenuCommercial-root': {
6
+ '& .M4LSideBar-root': {
7
+ display: string;
8
+ };
9
+ };
10
+ };
11
+ };
12
+ };