@m4l/styles 0.0.41 → 0.0.43

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 (26) 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/M4LAppBarCommercial.d.ts +2 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +22 -7
  6. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +24 -0
  7. package/theme/overrides/M4LExtendedComponents/M4LFieldLabel.d.ts +25 -0
  8. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +8 -28
  9. package/theme/overrides/M4LExtendedComponents/M4LImage.d.ts +0 -26
  10. package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts +6 -0
  11. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +366 -342
  12. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +355 -137
  13. package/theme/overrides/M4LExtendedComponents/{index.8f5f04ca.js → index.b9151f24.js} +395 -352
  14. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +3 -14
  15. package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.d.ts +1 -47
  16. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +29 -14
  17. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +29 -151
  18. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +1 -0
  19. package/theme/overrides/M4LRHFComponents/{index.427e0f0e.js → index.02fada22.js} +82 -57
  20. package/theme/overrides/{index.a3e99f67.js → index.fd981495.js} +26 -25
  21. package/theme/{palette.1b577d8c.js → palette.0590e8a6.js} +16 -14
  22. package/theme/palette.d.ts +2 -0
  23. package/theme/{shadows.479d005a.js → shadows.86540b18.js} +1 -1
  24. package/types/augmentations.d.ts +1 -1
  25. package/utils/{getColorPresets.479f9922.js → getColorPresets.2a91ffaf.js} +1 -1
  26. package/utils/{getColorState.0ad9ea67.js → getColorState.6c23eada.js} +1 -1
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.a3e99f67.js";
6
+ import { f as c } from "./theme/overrides/index.fd981495.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.8f5f04ca.js";
14
+ import "./theme/overrides/M4LExtendedComponents/index.b9151f24.js";
15
15
  import "@mui/system";
16
- import "./theme/overrides/M4LRHFComponents/index.427e0f0e.js";
16
+ import "./theme/overrides/M4LRHFComponents/index.02fada22.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.41",
3
+ "version": "0.0.43",
4
4
  "license": "UNLICENSED",
5
5
  "author": "m4l team",
6
6
  "dependencies": {
package/theme/{defaultThemeOptions.c5fe2519.js → defaultThemeOptions.4c9bc728.js} RENAMED
@@ -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: {
package/theme/overrides/M4LExtendedComponents/M4LAppBarCommercial.d.ts CHANGED
@@ -15,6 +15,8 @@ export declare const M4LAppBarCommercial: (theme: Theme) => {
15
15
  backgroundColor: string;
16
16
  position: string;
17
17
  zIndex: string;
18
+ borderBottom: string;
19
+ boxShadow: string;
18
20
  };
19
21
  };
20
22
  };
package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts CHANGED
@@ -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;
package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts CHANGED
@@ -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;
package/theme/overrides/M4LExtendedComponents/M4LFieldLabel.d.ts ADDED
@@ -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
+ };
package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts CHANGED
@@ -21,41 +21,21 @@ export declare const M4LIconButton: (theme: Theme) => {
21
21
  position: string;
22
22
  transition: string;
23
23
  };
24
- '.M4LIconButton-sizeExtraSmall&::before': {
25
- width: string;
26
- height: string;
27
- minWidth: string;
28
- minHeight: string;
29
- };
30
- '.M4LIconButton-sizeSmall&::before': {
31
- width: string;
32
- height: string;
33
- minWidth: string;
34
- minHeight: string;
35
- };
36
- '.M4LIconButton-sizeMedium&::before': {
37
- width: string;
38
- height: string;
39
- minWidth: string;
40
- minHeight: string;
41
- };
42
- '&.M4LIconButton-sizeExtraSmall': {
43
- width: string;
44
- height: string;
45
- minWidth: string;
46
- minHeight: string;
47
- };
48
24
  '&.M4LIconButton-sizeSmall': {
49
25
  width: string;
50
26
  height: string;
51
- minWidth: string;
52
- minHeight: string;
27
+ '& .MuiSkeleton-root': {
28
+ width: string;
29
+ height: string;
30
+ };
53
31
  };
54
32
  '&.M4LIconButton-sizeMedium': {
55
33
  width: string;
56
34
  height: string;
57
- minWidth: string;
58
- minHeight: string;
35
+ '& .MuiSkeleton-root': {
36
+ width: string;
37
+ height: string;
38
+ };
59
39
  };
60
40
  '& .MuiIconButton-root': {
61
41
  position: string;
package/theme/overrides/M4LExtendedComponents/M4LImage.d.ts CHANGED
@@ -3,36 +3,10 @@ export declare const M4LImage: (_theme: Theme) => {
3
3
  M4LImage: {
4
4
  styleOverrides: {
5
5
  "&.M4LImage-root": {
6
- position: string;
7
6
  display: string;
8
7
  flexDirection: string;
9
8
  justifyContent: string;
10
9
  alignItems: string;
11
- '& .M4LImage-img': {
12
- opacity: number;
13
- position: string;
14
- inset: string;
15
- objectFit: string;
16
- };
17
- '&.M4LImage-loaded .M4LImage-img': {
18
- opacity: number;
19
- transition: string;
20
- margin: string;
21
- };
22
- '& .M4LImage-skeletonImage, & .M4LImage-skeletonCircle': {
23
- opacity: number;
24
- position: string;
25
- inset: number;
26
- };
27
- '&.M4LImage-loaded .M4LImage-skeletonImage, &.M4LImage-loaded .M4LImage-skeletonCircle': {
28
- opacity: number;
29
- transition: string;
30
- };
31
- '& .M4LImage-lazyLoad': {
32
- display: string;
33
- justifyContent: string;
34
- alignItems: string;
35
- };
36
10
  };
37
11
  };
38
12
  };
package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts CHANGED
@@ -9,6 +9,12 @@ export declare const M4LMFLoader: (_theme: Theme) => {
9
9
  flexDirection: string;
10
10
  alignItems: string;
11
11
  overflow: string;
12
+ '& .M4LMFLoader-containerLinearProgress': {
13
+ width: string;
14
+ height: string;
15
+ display: string;
16
+ alignItems: string;
17
+ };
12
18
  };
13
19
  };
14
20
  };