@m4l/styles 0.0.17 → 0.0.18

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.d67fe64c.js";
2
2
  import { c as l, s as g } from "./theme/shadows.354bbb03.js";
3
3
  import { P as u, p as d } from "./theme/palette.95c4f9c8.js";
4
4
  import { t as S } from "./theme/typography.61f909b7.js";
5
- import { f as C } from "./theme/overrides/index.2e62f620.js";
5
+ import { f as C } from "./theme/overrides/index.6b7aec0f.js";
6
6
  import { u as R } from "./utils/useResponsive.2c45e8e0.js";
7
7
  import { e as T, b, c as v, d as y, g as z, a as w, t as F } from "./utils/getColorPresets.d73f30ad.js";
8
8
  import { g as k } from "./utils/getColorState.bde51cf7.js";
@@ -13,7 +13,7 @@ import "@mui/material/useMediaQuery";
13
13
  import "@mui/system";
14
14
  import "@mui/material";
15
15
  import "./theme/overrides/MUIComponents/index.e3d060c3.js";
16
- import "./theme/overrides/M4LExtendedComponents/index.39bae580.js";
16
+ import "./theme/overrides/M4LExtendedComponents/index.bd713d88.js";
17
17
  import "./theme/overrides/M4LRHFComponents/index.1406e2ed.js";
18
18
  export {
19
19
  u as PATRONUSCOLORS,
package/package.json CHANGED
@@ -1,7 +1,8 @@
1
1
  {
2
2
  "name": "@m4l/styles",
3
- "version": "0.0.17",
3
+ "version": "0.0.18",
4
4
  "license": "UNLICENSED",
5
+ "author": "m4l team",
5
6
  "dependencies": {
6
7
  "@emotion/react": "^11.9.0",
7
8
  "@emotion/styled": "^11.8.1",
@@ -50,11 +50,11 @@ export declare const M4LAppBar: (theme: Theme) => {
50
50
  '& .M4LAvatar-root'?: undefined;
51
51
  } | {
52
52
  [x: string]: string | {
53
+ width: string;
53
54
  alignItems: string;
54
55
  gap: string;
55
56
  borderRadius: string;
56
57
  display: string;
57
- width?: undefined;
58
58
  height?: undefined;
59
59
  '& .MuiAvatar-root'?: undefined;
60
60
  } | {
@@ -101,6 +101,11 @@ export declare const M4LAppBar: (theme: Theme) => {
101
101
  height: string;
102
102
  alignItems: string;
103
103
  borderRadius: string;
104
+ padding: string;
105
+ borderTop: string;
106
+ borderColor: string;
107
+ background: string;
108
+ boxShadow: string;
104
109
  '& .M4LAppBar-containerIconMenuToggle': {
105
110
  display: string;
106
111
  justifyContent: string;
@@ -125,11 +130,11 @@ export declare const M4LAppBar: (theme: Theme) => {
125
130
  };
126
131
  '& .M4LAppBar-containerChilds': {
127
132
  [x: string]: string | {
133
+ width: string;
128
134
  alignItems: string;
129
135
  gap: string;
130
136
  borderRadius: string;
131
137
  display: string;
132
- width?: undefined;
133
138
  height?: undefined;
134
139
  '& .MuiAvatar-root'?: undefined;
135
140
  } | {
@@ -22,6 +22,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
22
22
  '& .MuiBox-root'?: undefined;
23
23
  '& .simplebar-content'?: undefined;
24
24
  '& .M4LAreasAdmin-areaChipRoot '?: undefined;
25
+ '& .M4LAreasAdmin-areaContainerChips'?: undefined;
25
26
  } | {
26
27
  backgroundColor: string;
27
28
  '& .M4LIcon-icon': {
@@ -43,6 +44,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
43
44
  '& .MuiBox-root'?: undefined;
44
45
  '& .simplebar-content'?: undefined;
45
46
  '& .M4LAreasAdmin-areaChipRoot '?: undefined;
47
+ '& .M4LAreasAdmin-areaContainerChips'?: undefined;
46
48
  } | {
47
49
  [x: string]: string | {
48
50
  height: string;
@@ -71,6 +73,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
71
73
  '& .MuiBox-root'?: undefined;
72
74
  '& .simplebar-content'?: undefined;
73
75
  '& .M4LAreasAdmin-areaChipRoot '?: undefined;
76
+ '& .M4LAreasAdmin-areaContainerChips'?: undefined;
74
77
  } | {
75
78
  display: string;
76
79
  overflow: string;
@@ -83,6 +86,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
83
86
  display: string;
84
87
  overflow: string;
85
88
  width: string;
89
+ backgroundColor: string;
90
+ borderRadius: string;
86
91
  '& .M4LAreasAdmin-areaChipRoot ': {
87
92
  margin: string;
88
93
  borderRadius: string;
@@ -94,6 +99,9 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
94
99
  color: string;
95
100
  '& .M4LIconButton-root': {
96
101
  backgroundColor: string;
102
+ borderLeft: string;
103
+ borderColor: string | undefined;
104
+ borderRadius: string;
97
105
  '& .M4LIcon-icon': {
98
106
  backgroundColor: string;
99
107
  };
@@ -225,6 +233,29 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
225
233
  boxShadow?: undefined;
226
234
  justifyContent?: undefined;
227
235
  '& .M4LIcon-root'?: undefined;
236
+ '& .M4LAreasAdmin-areaContainerChips'?: undefined;
237
+ } | {
238
+ '& .M4LAreasAdmin-areaContainerChips': {
239
+ width: string;
240
+ };
241
+ height?: undefined;
242
+ backgroundColor?: undefined;
243
+ '& .M4LIcon-icon'?: undefined;
244
+ background?: undefined;
245
+ boxShadow?: undefined;
246
+ display?: undefined;
247
+ justifyContent?: undefined;
248
+ width?: undefined;
249
+ '& .M4LIcon-root'?: undefined;
250
+ overflow?: undefined;
251
+ gap?: undefined;
252
+ padding?: undefined;
253
+ alignItems?: undefined;
254
+ '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
255
+ '& .M4LAreasAdmin-areaChipMobileIconContainer'?: undefined;
256
+ '& .MuiBox-root'?: undefined;
257
+ '& .simplebar-content'?: undefined;
258
+ '& .M4LAreasAdmin-areaChipRoot '?: undefined;
228
259
  };
229
260
  flex: number;
230
261
  overflow: string;
@@ -270,6 +301,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
270
301
  display: string;
271
302
  overflow: string;
272
303
  width: string;
304
+ backgroundColor: string;
305
+ borderRadius: string;
273
306
  '& .M4LAreasAdmin-areaChipRoot ': {
274
307
  margin: string;
275
308
  borderRadius: string;
@@ -281,6 +314,9 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
281
314
  color: string;
282
315
  '& .M4LIconButton-root': {
283
316
  backgroundColor: string;
317
+ borderLeft: string;
318
+ borderColor: string | undefined;
319
+ borderRadius: string;
284
320
  '& .M4LIcon-icon': {
285
321
  backgroundColor: string;
286
322
  };
@@ -407,6 +443,11 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
407
443
  };
408
444
  };
409
445
  };
446
+ '&.M4LAreasAdmin-isMobile': {
447
+ '& .M4LAreasAdmin-areaContainerChips': {
448
+ width: string;
449
+ };
450
+ };
410
451
  };
411
452
  };
412
453
  };
@@ -419,4 +460,25 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
419
460
  };
420
461
  };
421
462
  };
463
+ M4LAreasAdminMobilePopoverOptions: {
464
+ styleOverrides: {
465
+ '&.M4LAreasAdmin-areasPopoverMobileOptions': {
466
+ '& .MuiPaper-root': {
467
+ '& .M4LButton-root': {
468
+ marginTop: string;
469
+ '& .MuiButtonBase-root': {
470
+ textWrap: string;
471
+ };
472
+ };
473
+ };
474
+ };
475
+ };
476
+ };
477
+ M4LAreasAdminPopoverListWindows: {
478
+ styleOverrides: {
479
+ '&.M4LAreasAdmin-areasPopoverListWindows': {
480
+ test: string;
481
+ };
482
+ };
483
+ };
422
484
  };
@@ -267,6 +267,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
267
267
  height: string;
268
268
  minHeight: string;
269
269
  boxShadow: string;
270
+ background: string;
270
271
  "& .M4LTypography-root .MuiTypography-root": {
271
272
  color: string;
272
273
  };
@@ -0,0 +1,10 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LBadge: (_theme: Theme) => {
3
+ M4LBadge: {
4
+ styleOverrides: {
5
+ '& .M4LBadge-root': {
6
+ test: string;
7
+ };
8
+ };
9
+ };
10
+ };
@@ -3,10 +3,6 @@ export declare const M4LButton: (theme: Theme) => {
3
3
  M4LButton: {
4
4
  styleOverrides: {
5
5
  '&.M4LButton-root': {
6
- width: string;
7
- minWidth: string;
8
- display: string;
9
- justifyContent: string;
10
6
  '& .M4LButton-skeleton ': {
11
7
  height: string;
12
8
  borderRadius: string;
@@ -194,6 +190,9 @@ export declare const M4LButton: (theme: Theme) => {
194
190
  };
195
191
  };
196
192
  };
193
+ width: string;
194
+ display: string;
195
+ justifyContent: string;
197
196
  };
198
197
  };
199
198
  };
@@ -4,6 +4,10 @@ export declare const M4LCommonActions: (_theme: Theme) => {
4
4
  styleOverrides: {
5
5
  '&.M4LCommonActions-root': {
6
6
  padding: string;
7
+ display: string;
8
+ gap: string;
9
+ justifyContent: string;
10
+ width: string;
7
11
  };
8
12
  };
9
13
  };